@foxy.io/elements 1.24.0-beta.5 → 1.24.0-beta.6

package/dist/elements/public/CustomerForm/CustomerForm.js

@@ -1,17 +1,14 @@
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { html } from 'lit-html';
-import { ConfigurableMixin } from "../../../mixins/configurable.js";
-import { NucleonElement } from "../NucleonElement/index.js";
-import { PropertyTable } from "../../private/index.js";
-import { ResponsiveMixin } from "../../../mixins/responsive.js";
-import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-import { classMap } from "../../../utils/class-map.js";
-import { ifDefined } from 'lit-html/directives/if-defined';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { validate as isEmail } from 'email-validator';
-import memoize from 'lodash-es/memoize';
+import { classMap } from "../../../utils/class-map.js";
+import { html } from 'lit-html';
+import checkPasswordStrength from 'check-password-strength';
 const NS = 'customer-form';
-const Base = ResponsiveMixin(ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS)))));
+const Base = ScopedElementsMixin(TranslatableMixin(InternalForm, NS));
+const passwordStrength = checkPasswordStrength.passwordStrength;
 /**
  * Form element for creating or editing customers.
  *
@@ -27,6 +24,21 @@ const Base = ResponsiveMixin(ConfigurableMixin(ThemeableMixin(ScopedElementsMixi
  * @slot tax-id:before - **new in v1.4.0**
  * @slot tax-id:after - **new in v1.4.0**
  *
+ * @slot is-anonymous:before - **new in v1.24.0**
+ * @slot is-anonymous:after - **new in v1.24.0**
+ *
+ * @slot password:before - **new in v1.24.0**
+ * @slot password:after - **new in v1.24.0**
+ *
+ * @slot password-old:before - **new in v1.24.0**
+ * @slot password-old:after - **new in v1.24.0**
+ *
+ * @slot forgot-password:before - **new in v1.24.0**
+ * @slot forgot-password:after - **new in v1.24.0**
+ *
+ * @slot legal-notice:before - **new in v1.24.0**
+ * @slot legal-notice:after - **new in v1.24.0**
+ *
  * @slot timestamps:before - **new in v1.4.0**
  * @slot timestamps:after - **new in v1.4.0**
  *
@@ -42,173 +54,265 @@ const Base = ResponsiveMixin(ConfigurableMixin(ThemeableMixin(ScopedElementsMixi
 export class CustomerForm extends Base {
     constructor() {
         super(...arguments);
+        /** If true, won't require password when creating a customer. */
+        this.passwordless = false;
         this.templates = {};
-        this.__getValidator = memoize((prefix) => () => {
-            return !this.errors.some(err => err.startsWith(prefix));
-        });
-        this.__maybeRenderTextField = ({ field }) => {
-            var _a, _b;
-            const bsid = field.replace(/_/, '-');
-            const error = this.errors.find(err => err.startsWith(field));
-            if (this.hiddenSelector.matches(bsid, true))
-                return '';
-            return html `
-      <div>
-        ${this.renderTemplateOrSlot(`${bsid}:before`)}
-
-        <vaadin-text-field
-          class="w-full"
-          label=${this.t(field).toString()}
-          value=${ifDefined((_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a[field]) === null || _b === void 0 ? void 0 : _b.toString())}
-          error-message=${error ? this.t(error.replace(field, 'v8n')).toString() : ''}
-          data-testid=${bsid}
-          .checkValidity=${this.__getValidator(field)}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches(bsid, true)}
-          ?readonly=${this.readonlySelector.matches(bsid, true)}
-          @input=${(evt) => this.edit({ [field]: evt.target.value })}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-        >
-        </vaadin-text-field>
-
-        ${this.renderTemplateOrSlot(`${bsid}:after`)}
-      </div>
-    `;
-        };
-        this.__renderTimestamps = () => {
-            return html `
-      <div>
-        ${this.renderTemplateOrSlot('timestamps:before')}
-
-        <x-property-table
-          data-testid="timestamps"
-          .items=${['date_modified', 'date_created'].map(field => {
-                var _a;
-                return ({
-                    name: this.t(field),
-                    value: ((_a = this.data) === null || _a === void 0 ? void 0 : _a[field]) ? this.t('date', { value: new Date(this.data[field]) })
-                        : '',
-                });
-            })}
-        >
-        </x-property-table>
-
-        ${this.renderTemplateOrSlot('timestamps:after')}
-      </div>
-    `;
+        /** Full `fx:customer_portal_settings` resource from Customer API. If present, switches this element into the Customer API mode, enabling client verification. */
+        this.settings = null;
+        this.__isAnonymousGetValue = () => {
+            var _a;
+            return ((_a = this.form) === null || _a === void 0 ? void 0 : _a.is_anonymous) === false ? 'false' : 'true';
         };
-        this.__renderAction = (action) => {
-            const { disabledSelector, href, lang, ns } = this;
-            const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });
-            const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });
-            const isDisabled = !this.in('idle') || disabledSelector.matches(action, true);
-            const isValid = isTemplateValid || isSnapshotValid;
-            const handleClick = (evt) => {
-                if (action === 'delete') {
-                    const confirm = this.renderRoot.querySelector('#confirm');
-                    confirm.show(evt.currentTarget);
-                }
-                else {
-                    this.submit();
-                }
-            };
-            return html `
-      <div>
-        ${this.renderTemplateOrSlot(`${action}:before`)}
-
-        <vaadin-button
-          class="w-full"
-          theme=${this.in('idle') ? (href ? 'error' : 'primary success') : ''}
-          data-testid=${action}
-          ?disabled=${(this.in({ idle: 'template' }) && !isValid) || isDisabled}
-          @click=${handleClick}
-        >
-          <foxy-i18n ns=${ns} key=${action} lang=${lang}></foxy-i18n>
-        </vaadin-button>
-
-        ${this.renderTemplateOrSlot(`${action}:after`)}
-      </div>
-    `;
+        this.__isAnonymousSetValue = (newValue) => {
+            const isAnonymous = newValue === 'true';
+            this.edit({ is_anonymous: isAnonymous });
+            if (isAnonymous && this.form.password)
+                this.edit({ password: '' });
+            if (isAnonymous && this.form.password_old)
+                this.edit({ password_old: '' });
+            if (isAnonymous && this.form.forgot_password)
+                this.edit({ forgot_password: '' });
         };
+        this.__isAnonymousOptions = [
+            { value: 'true', label: 'option_true' },
+            { value: 'false', label: 'option_false' },
+        ];
+        this.__refreshInterval = null;
     }
     static get scopedElements() {
         return {
-            'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
-            'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
-            'vaadin-text-field': customElements.get('vaadin-text-field'),
-            'x-property-table': PropertyTable,
-            'vaadin-button': customElements.get('vaadin-button'),
+            'foxy-internal-customer-form-legal-notice-control': customElements.get('foxy-internal-customer-form-legal-notice-control'),
+            'foxy-internal-radio-group-control': customElements.get('foxy-internal-radio-group-control'),
+            'foxy-internal-timestamps-control': customElements.get('foxy-internal-timestamps-control'),
+            'foxy-internal-password-control': customElements.get('foxy-internal-password-control'),
+            'foxy-internal-create-control': customElements.get('foxy-internal-create-control'),
+            'foxy-internal-delete-control': customElements.get('foxy-internal-delete-control'),
+            'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),
             'foxy-spinner': customElements.get('foxy-spinner'),
             'foxy-i18n': customElements.get('foxy-i18n'),
+            'h-captcha': customElements.get('h-captcha'),
+            'vaadin-button': customElements.get('vaadin-button'),
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            passwordless: { type: Boolean },
+            settings: { type: Object },
         };
     }
     static get v8n() {
         return [
-            ({ first_name: v }) => !v || v.length <= 50 || 'first_name_too_long',
-            ({ last_name: v }) => !v || v.length <= 50 || 'last_name_too_long',
-            ({ tax_id: v }) => !v || v.length <= 50 || 'tax_id_too_long',
-            ({ email: v }) => (v && v.length > 0) || 'email_required',
-            ({ email: v }) => (v && v.length <= 100) || 'email_too_long',
-            ({ email: v }) => (v && isEmail(v)) || 'email_invalid_email',
+            ({ password, _links, is_anonymous = true }, host) => {
+                if (host.passwordless)
+                    return true;
+                return !_links && !is_anonymous && !password ? 'password:v8n_required' : true;
+            },
+            ({ password_old, password, _links }, host) => {
+                var _a;
+                if (!_links)
+                    return true;
+                if (((_a = host.settings) === null || _a === void 0 ? void 0 : _a.sign_up) === undefined)
+                    return true;
+                return password && !password_old ? 'password-old:v8n_required' : true;
+            },
+            ({ first_name: v }) => !v || v.length <= 50 || 'first-name:v8n_too_long',
+            ({ last_name: v }) => !v || v.length <= 50 || 'last-name:v8n_too_long',
+            ({ password: v }) => !v || passwordStrength(v).id >= 2 || 'password:v8n_too_weak',
+            ({ password: v }) => !v || v.length <= 50 || 'password:v8n_too_long',
+            ({ tax_id: v }) => !v || v.length <= 50 || 'tax-id:v8n_too_long',
+            ({ email: v }) => (v && v.length > 0) || 'email:v8n_required',
+            ({ email: v }) => !v || v.length <= 100 || 'email:v8n_too_long',
+            ({ email: v }) => !v || isEmail(v) || 'email:v8n_invalid_email',
         ];
     }
-    render() {
-        var _a, _b;
-        const { hiddenSelector, href, lang, ns } = this;
-        const action = href ? 'delete' : 'create';
-        const isBusy = this.in('busy');
-        const isFail = this.in('fail');
+    get readonlySelector() {
+        const readonly = this.data ? ['is-anonymous'] : [];
+        readonly.push(super.readonlySelector.toString());
+        return new BooleanSelector(readonly.join(' ').trim());
+    }
+    get hiddenSelector() {
+        const hidden = new Set(super.hiddenSelector.toString().split(' '));
+        if (this.settings) {
+            hidden.add('forgot-password');
+            hidden.add('is-anonymous');
+            if (!this.form.password)
+                hidden.add('password-old');
+            if (this.settings.tos_checkbox_settings.usage === 'none')
+                hidden.add('legal-notice');
+        }
+        else {
+            if (this.form.is_anonymous !== false) {
+                hidden.add('forgot-password');
+                hidden.add('password');
+            }
+            hidden.add('password-old');
+            hidden.add('legal-notice');
+        }
+        if (this.href)
+            hidden.add('legal-notice');
+        return new BooleanSelector(Array.from(hidden).join(' ').trim());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        const interval = this.__refreshInterval;
+        if (interval)
+            clearInterval(interval);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const interval = setInterval(() => this.requestUpdate(), 60 * 1000);
+        this.__refreshInterval = interval;
+    }
+    renderBody() {
+        var _a, _b, _c, _d;
+        const isFirstNameHidden = this.hiddenSelector.matches('first-name', true);
+        const isLastNameHidden = this.hiddenSelector.matches('last-name', true);
         return html `
-      <foxy-internal-confirm-dialog
-        message="delete_prompt"
-        confirm="delete"
-        cancel="cancel"
-        header="delete"
-        theme="primary error"
-        lang=${lang}
-        ns=${ns}
-        id="confirm"
-        data-testid="confirm"
-        @hide=${(evt) => {
-            if (!evt.detail.cancelled)
-                this.delete();
-        }}
+      <div
+        class=${classMap({
+            'grid-cols-2': !isFirstNameHidden && !isLastNameHidden,
+            'hidden': isFirstNameHidden && isLastNameHidden,
+            'gap-m': true,
+            'grid': !isFirstNameHidden || !isLastNameHidden,
+        })}
       >
-      </foxy-internal-confirm-dialog>
+        <foxy-internal-text-control infer="first-name"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="last-name"></foxy-internal-text-control>
+      </div>
 
-      <div data-testid="wrapper" aria-busy=${isBusy} aria-live="polite" class="space-y-l relative">
-        <div class="grid grid-cols-1 sm-grid-cols-2 gap-m">
-          ${this.__maybeRenderTextField({ field: 'first_name' })}
-          ${this.__maybeRenderTextField({ field: 'last_name' })}
-          ${this.__maybeRenderTextField({ field: 'email' })}
-          ${this.__maybeRenderTextField({ field: 'tax_id' })}
-        </div>
+      <foxy-internal-text-control infer="tax-id"></foxy-internal-text-control>
 
-        ${hiddenSelector.matches('timestamps', true) || !href ? '' : this.__renderTimestamps()}
-        ${hiddenSelector.matches(action) ? '' : this.__renderAction(action)}
+      <foxy-internal-text-control helper-text=${this.__emailHelperText} infer="email">
+      </foxy-internal-text-control>
 
-        <div
-          data-testid="spinner"
-          class=${classMap({
-            'transition duration-500 ease-in-out absolute inset-0 flex': true,
-            'opacity-0 pointer-events-none': !isBusy && !isFail,
-        })}
-        >
-          <foxy-spinner
-            layout="vertical"
-            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
-            state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}
-            lang=${lang}
-            ns="${ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
-          >
-          </foxy-spinner>
-        </div>
-      </div>
+      <foxy-internal-radio-group-control
+        infer="is-anonymous"
+        .getValue=${this.__isAnonymousGetValue}
+        .setValue=${this.__isAnonymousSetValue}
+        .options=${this.__isAnonymousOptions}
+      >
+      </foxy-internal-radio-group-control>
+
+      <foxy-internal-password-control
+        placeholder=${this.__passwordPlaceholder}
+        helper-text=${this.__passwordHelperText}
+        infer="password"
+        show-generator
+      >
+      </foxy-internal-password-control>
+
+      <foxy-internal-password-control infer="password-old"></foxy-internal-password-control>
+
+      <foxy-internal-password-control
+        helper-text=${this.__forgotPasswordHelperText}
+        infer="forgot-password"
+        show-generator
+      >
+      </foxy-internal-password-control>
+
+      <foxy-internal-customer-form-legal-notice-control infer="legal-notice">
+      </foxy-internal-customer-form-legal-notice-control>
+
+      ${!this.data && ((_b = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.sign_up) === null || _b === void 0 ? void 0 : _b.enabled) &&
+            ((_d = (_c = this.settings) === null || _c === void 0 ? void 0 : _c.sign_up) === null || _d === void 0 ? void 0 : _d.verification.type) === 'hcaptcha'
+            ? html `
+            <h-captcha
+              site-key=${this.settings.sign_up.verification.site_key}
+              class="hidden"
+              size="invisible"
+              hl=${this.lang}
+              @verified=${({ token }) => {
+                this.edit({ verification: { type: 'hcaptcha', token } });
+                super.submit();
+            }}
+            >
+            </h-captcha>
+          `
+            : ''}
+      ${super.renderBody()}
     `;
     }
-    disconnectedCallback() {
+    submit() {
+        var _a, _b, _c, _d, _e;
+        if (((_c = (_b = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.sign_up) === null || _b === void 0 ? void 0 : _b.verification) === null || _c === void 0 ? void 0 : _c.type) === 'hcaptcha' && !this.data) {
+            (_d = this.__hcaptcha) === null || _d === void 0 ? void 0 : _d.reset();
+            (_e = this.__hcaptcha) === null || _e === void 0 ? void 0 : _e.execute();
+        }
+        else {
+            super.submit();
+        }
+    }
+    async _sendPatch(edits) {
+        const data = await super._sendPatch(edits);
+        if (edits.password) {
+            const status = { key: 'password_change_success', options: { email: data.email } };
+            this.status = status;
+        }
+        return data;
+    }
+    async _sendGet() {
+        this.status = null;
+        return await super._sendGet();
+    }
+    async _fetch(...args) {
+        try {
+            return await super._fetch(...args);
+        }
+        catch (err) {
+            let message;
+            try {
+                message = (await err.json())._embedded['fx:errors'][0].message;
+            }
+            catch (_a) {
+                throw err;
+            }
+            if (message === 'Conflict' || message.startsWith('This email address is already in use')) {
+                throw ['error:email_already_used'];
+            }
+            else if (message.startsWith('Customer registration is disabled')) {
+                throw ['error:registration_disabled'];
+            }
+            else if (message.startsWith('Client verification failed')) {
+                throw ['error:verification_failed'];
+            }
+            else if (message.startsWith('Provided password is incorrect')) {
+                throw ['error:old_password_incorrect'];
+            }
+            else {
+                throw err;
+            }
+        }
+    }
+    get __forgotPasswordHelperText() {
         var _a, _b;
-        super.disconnectedCallback();
-        (_b = (_a = this.__getValidator.cache).clear) === null || _b === void 0 ? void 0 : _b.call(_a);
+        const createdOn = (_a = this.data) === null || _a === void 0 ? void 0 : _a.forgot_password_timestamp;
+        const password = (_b = this.data) === null || _b === void 0 ? void 0 : _b.forgot_password;
+        const i18nKey = 'forgot-password.helper_text';
+        if (password && createdOn) {
+            const expiresOn = new Date(new Date(createdOn).getTime() + 30 * 60 * 1000);
+            const expiresInMin = Math.floor((expiresOn.getTime() - Date.now()) / 1000 / 60);
+            if (expiresInMin <= 0)
+                return this.t(`${i18nKey}_expired_on`, { expiresOn });
+            return this.t(`${i18nKey}_expires_in`, { expiresInMin: `${expiresInMin}minutes` });
+        }
+        else {
+            return this.t(i18nKey);
+        }
+    }
+    get __passwordPlaceholder() {
+        return this.data ? this.t('password.placeholder_new') : this.t('password.placeholder');
+    }
+    get __passwordHelperText() {
+        return this.data ? this.t('password.helper_text_new') : this.t('password.helper_text');
+    }
+    get __emailHelperText() {
+        var _a;
+        return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.last_login_date) ? this.t('email.helper_text_last_login_date', { date: this.data.last_login_date })
+            : this.t('email.helper_text');
+    }
+    get __hcaptcha() {
+        return this.renderRoot.querySelector('h-captcha');
     }
 }
 //# sourceMappingURL=CustomerForm.js.map

package/dist/elements/public/CustomerForm/CustomerForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerForm/CustomerForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates, TextFieldParams } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/index';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { validate as isEmail } from 'email-validator';\nimport memoize from 'lodash-es/memoize';\n\nconst NS = 'customer-form';\nconst Base = ResponsiveMixin(\n  ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS))))\n);\n\n/**\n * Form element for creating or editing customers.\n *\n * @slot first-name:before - **new in v1.4.0**\n * @slot first-name:after - **new in v1.4.0**\n *\n * @slot last-name:before - **new in v1.4.0**\n * @slot last-name:after - **new in v1.4.0**\n *\n * @slot email:before - **new in v1.4.0**\n * @slot email:after - **new in v1.4.0**\n *\n * @slot tax-id:before - **new in v1.4.0**\n * @slot tax-id:after - **new in v1.4.0**\n *\n * @slot timestamps:before - **new in v1.4.0**\n * @slot timestamps:after - **new in v1.4.0**\n *\n * @slot create:before - **new in v1.4.0**\n * @slot create:after - **new in v1.4.0**\n *\n * @slot delete:before - **new in v1.4.0**\n * @slot delete:after - **new in v1.4.0**\n *\n * @element foxy-customer-form\n * @since 1.2.0\n */\nexport class CustomerForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'x-property-table': PropertyTable,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ first_name: v }) => !v || v.length <= 50 || 'first_name_too_long',\n      ({ last_name: v }) => !v || v.length <= 50 || 'last_name_too_long',\n      ({ tax_id: v }) => !v || v.length <= 50 || 'tax_id_too_long',\n      ({ email: v }) => (v && v.length > 0) || 'email_required',\n      ({ email: v }) => (v && v.length <= 100) || 'email_too_long',\n      ({ email: v }) => (v && isEmail(v)) || 'email_invalid_email',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private __getValidator = memoize((prefix: string) => () => {\n    return !this.errors.some(err => err.startsWith(prefix));\n  });\n\n  private __maybeRenderTextField = ({ field }: TextFieldParams) => {\n    const bsid = field.replace(/_/, '-');\n    const error = this.errors.find(err => err.startsWith(field));\n\n    if (this.hiddenSelector.matches(bsid, true)) return '';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${bsid}:before`)}\n\n        <vaadin-text-field\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${error ? this.t(error.replace(field, 'v8n')).toString() : ''}\n          data-testid=${bsid}\n          .checkValidity=${this.__getValidator(field)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(bsid, true)}\n          ?readonly=${this.readonlySelector.matches(bsid, true)}\n          @input=${(evt: Event) => this.edit({ [field]: (evt.target as HTMLInputElement).value })}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot(`${bsid}:after`)}\n      </div>\n    `;\n  };\n\n  private __renderTimestamps = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-property-table\n          data-testid=\"timestamps\"\n          .items=${(['date_modified', 'date_created'] as const).map(field => ({\n            name: this.t(field),\n            value: this.data?.[field]\n              ? this.t('date', { value: new Date(this.data[field] as string) })\n              : '',\n          }))}\n        >\n        </x-property-table>\n\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  };\n\n  private __renderAction = (action: string) => {\n    const { disabledSelector, href, lang, ns } = this;\n\n    const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });\n    const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });\n    const isDisabled = !this.in('idle') || disabledSelector.matches(action, true);\n    const isValid = isTemplateValid || isSnapshotValid;\n\n    const handleClick = (evt: Event) => {\n      if (action === 'delete') {\n        const confirm = this.renderRoot.querySelector('#confirm');\n        (confirm as InternalConfirmDialog).show(evt.currentTarget as HTMLElement);\n      } else {\n        this.submit();\n      }\n    };\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${action}:before`)}\n\n        <vaadin-button\n          class=\"w-full\"\n          theme=${this.in('idle') ? (href ? 'error' : 'primary success') : ''}\n          data-testid=${action}\n          ?disabled=${(this.in({ idle: 'template' }) && !isValid) || isDisabled}\n          @click=${handleClick}\n        >\n          <foxy-i18n ns=${ns} key=${action} lang=${lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${action}:after`)}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { hiddenSelector, href, lang, ns } = this;\n    const action = href ? 'delete' : 'create';\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        data-testid=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => {\n          if (!evt.detail.cancelled) this.delete();\n        }}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div data-testid=\"wrapper\" aria-busy=${isBusy} aria-live=\"polite\" class=\"space-y-l relative\">\n        <div class=\"grid grid-cols-1 sm-grid-cols-2 gap-m\">\n          ${this.__maybeRenderTextField({ field: 'first_name' })}\n          ${this.__maybeRenderTextField({ field: 'last_name' })}\n          ${this.__maybeRenderTextField({ field: 'email' })}\n          ${this.__maybeRenderTextField({ field: 'tax_id' })}\n        </div>\n\n        ${hiddenSelector.matches('timestamps', true) || !href ? '' : this.__renderTimestamps()}\n        ${hiddenSelector.matches(action) ? '' : this.__renderAction(action)}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__getValidator.cache.clear?.();\n  }\n}\n"]}
+{"version":3,"file":"CustomerForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerForm/CustomerForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VanillaHCaptchaWebComponent } from 'vanilla-hcaptcha';\nimport type { Data, Templates, Settings } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { validate as isEmail } from 'email-validator';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nimport checkPasswordStrength from 'check-password-strength';\n\nconst NS = 'customer-form';\nconst Base = ScopedElementsMixin(TranslatableMixin(InternalForm, NS));\nconst passwordStrength = checkPasswordStrength.passwordStrength;\n\n/**\n * Form element for creating or editing customers.\n *\n * @slot first-name:before - **new in v1.4.0**\n * @slot first-name:after - **new in v1.4.0**\n *\n * @slot last-name:before - **new in v1.4.0**\n * @slot last-name:after - **new in v1.4.0**\n *\n * @slot email:before - **new in v1.4.0**\n * @slot email:after - **new in v1.4.0**\n *\n * @slot tax-id:before - **new in v1.4.0**\n * @slot tax-id:after - **new in v1.4.0**\n *\n * @slot is-anonymous:before - **new in v1.24.0**\n * @slot is-anonymous:after - **new in v1.24.0**\n *\n * @slot password:before - **new in v1.24.0**\n * @slot password:after - **new in v1.24.0**\n *\n * @slot password-old:before - **new in v1.24.0**\n * @slot password-old:after - **new in v1.24.0**\n *\n * @slot forgot-password:before - **new in v1.24.0**\n * @slot forgot-password:after - **new in v1.24.0**\n *\n * @slot legal-notice:before - **new in v1.24.0**\n * @slot legal-notice:after - **new in v1.24.0**\n *\n * @slot timestamps:before - **new in v1.4.0**\n * @slot timestamps:after - **new in v1.4.0**\n *\n * @slot create:before - **new in v1.4.0**\n * @slot create:after - **new in v1.4.0**\n *\n * @slot delete:before - **new in v1.4.0**\n * @slot delete:after - **new in v1.4.0**\n *\n * @element foxy-customer-form\n * @since 1.2.0\n */\nexport class CustomerForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-customer-form-legal-notice-control': customElements.get(\n        'foxy-internal-customer-form-legal-notice-control'\n      ),\n      'foxy-internal-radio-group-control': customElements.get('foxy-internal-radio-group-control'),\n      'foxy-internal-timestamps-control': customElements.get('foxy-internal-timestamps-control'),\n      'foxy-internal-password-control': customElements.get('foxy-internal-password-control'),\n      'foxy-internal-create-control': customElements.get('foxy-internal-create-control'),\n      'foxy-internal-delete-control': customElements.get('foxy-internal-delete-control'),\n      'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'h-captcha': customElements.get('h-captcha'),\n      'vaadin-button': customElements.get('vaadin-button'),\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      passwordless: { type: Boolean },\n      settings: { type: Object },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data, CustomerForm> {\n    return [\n      ({ password, _links, is_anonymous = true }, host) => {\n        if (host.passwordless) return true;\n        return !_links && !is_anonymous && !password ? 'password:v8n_required' : true;\n      },\n      ({ password_old, password, _links }, host) => {\n        if (!_links) return true;\n        if (host.settings?.sign_up === undefined) return true;\n        return password && !password_old ? 'password-old:v8n_required' : true;\n      },\n      ({ first_name: v }) => !v || v.length <= 50 || 'first-name:v8n_too_long',\n      ({ last_name: v }) => !v || v.length <= 50 || 'last-name:v8n_too_long',\n      ({ password: v }) => !v || passwordStrength(v).id >= 2 || 'password:v8n_too_weak',\n      ({ password: v }) => !v || v.length <= 50 || 'password:v8n_too_long',\n      ({ tax_id: v }) => !v || v.length <= 50 || 'tax-id:v8n_too_long',\n      ({ email: v }) => (v && v.length > 0) || 'email:v8n_required',\n      ({ email: v }) => !v || v.length <= 100 || 'email:v8n_too_long',\n      ({ email: v }) => !v || isEmail(v) || 'email:v8n_invalid_email',\n    ];\n  }\n\n  /** If true, won't require password when creating a customer. */\n  passwordless = false;\n\n  templates: Templates = {};\n\n  /** Full `fx:customer_portal_settings` resource from Customer API. If present, switches this element into the Customer API mode, enabling client verification. */\n  settings: Settings | null = null;\n\n  private readonly __isAnonymousGetValue = () => {\n    return this.form?.is_anonymous === false ? 'false' : 'true';\n  };\n\n  private readonly __isAnonymousSetValue = (newValue: string) => {\n    const isAnonymous = newValue === 'true';\n    this.edit({ is_anonymous: isAnonymous });\n    if (isAnonymous && this.form.password) this.edit({ password: '' });\n    if (isAnonymous && this.form.password_old) this.edit({ password_old: '' });\n    if (isAnonymous && this.form.forgot_password) this.edit({ forgot_password: '' });\n  };\n\n  private readonly __isAnonymousOptions = [\n    { value: 'true', label: 'option_true' },\n    { value: 'false', label: 'option_false' },\n  ];\n\n  private __refreshInterval: NodeJS.Timeout | null = null;\n\n  get readonlySelector(): BooleanSelector {\n    const readonly = this.data ? ['is-anonymous'] : [];\n    readonly.push(super.readonlySelector.toString());\n    return new BooleanSelector(readonly.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const hidden = new Set<string>(super.hiddenSelector.toString().split(' '));\n\n    if (this.settings) {\n      hidden.add('forgot-password');\n      hidden.add('is-anonymous');\n      if (!this.form.password) hidden.add('password-old');\n      if (this.settings.tos_checkbox_settings.usage === 'none') hidden.add('legal-notice');\n    } else {\n      if (this.form.is_anonymous !== false) {\n        hidden.add('forgot-password');\n        hidden.add('password');\n      }\n      hidden.add('password-old');\n      hidden.add('legal-notice');\n    }\n\n    if (this.href) hidden.add('legal-notice');\n\n    return new BooleanSelector(Array.from(hidden).join(' ').trim());\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    const interval = this.__refreshInterval;\n    if (interval) clearInterval(interval);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const interval = setInterval(() => this.requestUpdate(), 60 * 1000);\n    this.__refreshInterval = interval;\n  }\n\n  renderBody(): TemplateResult {\n    const isFirstNameHidden = this.hiddenSelector.matches('first-name', true);\n    const isLastNameHidden = this.hiddenSelector.matches('last-name', true);\n\n    return html`\n      <div\n        class=${classMap({\n          'grid-cols-2': !isFirstNameHidden && !isLastNameHidden,\n          'hidden': isFirstNameHidden && isLastNameHidden,\n          'gap-m': true,\n          'grid': !isFirstNameHidden || !isLastNameHidden,\n        })}\n      >\n        <foxy-internal-text-control infer=\"first-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"last-name\"></foxy-internal-text-control>\n      </div>\n\n      <foxy-internal-text-control infer=\"tax-id\"></foxy-internal-text-control>\n\n      <foxy-internal-text-control helper-text=${this.__emailHelperText} infer=\"email\">\n      </foxy-internal-text-control>\n\n      <foxy-internal-radio-group-control\n        infer=\"is-anonymous\"\n        .getValue=${this.__isAnonymousGetValue}\n        .setValue=${this.__isAnonymousSetValue}\n        .options=${this.__isAnonymousOptions}\n      >\n      </foxy-internal-radio-group-control>\n\n      <foxy-internal-password-control\n        placeholder=${this.__passwordPlaceholder}\n        helper-text=${this.__passwordHelperText}\n        infer=\"password\"\n        show-generator\n      >\n      </foxy-internal-password-control>\n\n      <foxy-internal-password-control infer=\"password-old\"></foxy-internal-password-control>\n\n      <foxy-internal-password-control\n        helper-text=${this.__forgotPasswordHelperText}\n        infer=\"forgot-password\"\n        show-generator\n      >\n      </foxy-internal-password-control>\n\n      <foxy-internal-customer-form-legal-notice-control infer=\"legal-notice\">\n      </foxy-internal-customer-form-legal-notice-control>\n\n      ${!this.data &&\n      this.settings?.sign_up?.enabled &&\n      this.settings?.sign_up?.verification.type === 'hcaptcha'\n        ? html`\n            <h-captcha\n              site-key=${this.settings.sign_up.verification.site_key}\n              class=\"hidden\"\n              size=\"invisible\"\n              hl=${this.lang}\n              @verified=${({ token }: Record<'token' | 'eKey', string>) => {\n                this.edit({ verification: { type: 'hcaptcha', token } });\n                super.submit();\n              }}\n            >\n            </h-captcha>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n\n  submit(): void {\n    if (this.settings?.sign_up?.verification?.type === 'hcaptcha' && !this.data) {\n      this.__hcaptcha?.reset();\n      this.__hcaptcha?.execute();\n    } else {\n      super.submit();\n    }\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPatch(edits);\n\n    if (edits.password) {\n      const status = { key: 'password_change_success', options: { email: data.email } };\n      this.status = status;\n    }\n\n    return data;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    this.status = null;\n    return await super._sendGet();\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    try {\n      return await super._fetch(...args);\n    } catch (err) {\n      let message;\n\n      try {\n        message = (await (err as Response).json())._embedded['fx:errors'][0].message;\n      } catch {\n        throw err;\n      }\n\n      if (message === 'Conflict' || message.startsWith('This email address is already in use')) {\n        throw ['error:email_already_used'];\n      } else if (message.startsWith('Customer registration is disabled')) {\n        throw ['error:registration_disabled'];\n      } else if (message.startsWith('Client verification failed')) {\n        throw ['error:verification_failed'];\n      } else if (message.startsWith('Provided password is incorrect')) {\n        throw ['error:old_password_incorrect'];\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private get __forgotPasswordHelperText() {\n    const createdOn = this.data?.forgot_password_timestamp;\n    const password = this.data?.forgot_password;\n    const i18nKey = 'forgot-password.helper_text';\n\n    if (password && createdOn) {\n      const expiresOn = new Date(new Date(createdOn).getTime() + 30 * 60 * 1000);\n      const expiresInMin = Math.floor((expiresOn.getTime() - Date.now()) / 1000 / 60);\n      if (expiresInMin <= 0) return this.t(`${i18nKey}_expired_on`, { expiresOn });\n      return this.t(`${i18nKey}_expires_in`, { expiresInMin: `${expiresInMin}minutes` });\n    } else {\n      return this.t(i18nKey);\n    }\n  }\n\n  private get __passwordPlaceholder() {\n    return this.data ? this.t('password.placeholder_new') : this.t('password.placeholder');\n  }\n\n  private get __passwordHelperText() {\n    return this.data ? this.t('password.helper_text_new') : this.t('password.helper_text');\n  }\n\n  private get __emailHelperText() {\n    return this.data?.last_login_date\n      ? this.t('email.helper_text_last_login_date', { date: this.data.last_login_date })\n      : this.t('email.helper_text');\n  }\n\n  private get __hcaptcha() {\n    return this.renderRoot.querySelector<VanillaHCaptchaWebComponent>('h-captcha');\n  }\n}\n"]}

package/dist/elements/public/CustomerForm/index.d.ts

@@ -1,8 +1,8 @@
-import '@vaadin/vaadin-text-field';
-import '@vaadin/vaadin-button';
-import '../../internal/InternalConfirmDialog/index';
-import '../../internal/InternalSandbox/index';
-import '../Spinner/index';
-import '../I18n/index';
+import 'vanilla-hcaptcha';
+import '../../internal/InternalRadioGroupControl/index';
+import '../../internal/InternalPasswordControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import './internal/InternalCustomerFormLegalNoticeControl/index';
 import { CustomerForm } from './CustomerForm';
 export { CustomerForm };

package/dist/elements/public/CustomerForm/index.js

@@ -1,9 +1,9 @@
-import '@vaadin/vaadin-text-field';
-import '@vaadin/vaadin-button';
-import "../../internal/InternalConfirmDialog/index.js";
-import "../../internal/InternalSandbox/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
+import 'vanilla-hcaptcha';
+import "../../internal/InternalRadioGroupControl/index.js";
+import "../../internal/InternalPasswordControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "./internal/InternalCustomerFormLegalNoticeControl/index.js";
 import { CustomerForm } from "./CustomerForm.js";
 customElements.define('foxy-customer-form', CustomerForm);
 export { CustomerForm };

package/dist/elements/public/CustomerForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,uBAAuB,CAAC;AAC/B,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { CustomerForm } from './CustomerForm';\n\ncustomElements.define('foxy-customer-form', CustomerForm);\n\nexport { CustomerForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,2DAAwD;AACxD,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAE3C,oEAAiE;AAEjE,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import 'vanilla-hcaptcha';\n\nimport '../../internal/InternalRadioGroupControl/index';\nimport '../../internal/InternalPasswordControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport './internal/InternalCustomerFormLegalNoticeControl/index';\n\nimport { CustomerForm } from './CustomerForm';\n\ncustomElements.define('foxy-customer-form', CustomerForm);\n\nexport { CustomerForm };\n"]}

package/dist/elements/public/CustomerForm/internal/InternalCustomerFormLegalNoticeControl/InternalCustomerFormLegalNoticeControl.d.ts

@@ -0,0 +1,5 @@
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalCustomerFormLegalNoticeControl extends InternalControl {
+    renderControl(): TemplateResult;
+}

package/dist/elements/public/CustomerForm/internal/InternalCustomerFormLegalNoticeControl/InternalCustomerFormLegalNoticeControl.js

@@ -0,0 +1,23 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class InternalCustomerFormLegalNoticeControl extends InternalControl {
+    renderControl() {
+        var _a, _b;
+        const host = this.nucleon;
+        return html `
+      <p class="leading-s text-xs text-secondary">
+        <foxy-i18n infer="" key="text"></foxy-i18n>
+        <a
+          class="font-medium text-body rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50"
+          target="_blank"
+          href=${ifDefined((_b = (_a = host === null || host === void 0 ? void 0 : host.settings) === null || _a === void 0 ? void 0 : _a.tos_checkbox_settings) === null || _b === void 0 ? void 0 : _b.url)}
+          rel="noopener noreferrer"
+        >
+          <foxy-i18n infer="" key="link"></foxy-i18n>
+        </a>
+      </p>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCustomerFormLegalNoticeControl.js.map

package/dist/elements/public/CustomerForm/internal/InternalCustomerFormLegalNoticeControl/InternalCustomerFormLegalNoticeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCustomerFormLegalNoticeControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CustomerForm/internal/InternalCustomerFormLegalNoticeControl/InternalCustomerFormLegalNoticeControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,sCAAuC,SAAQ,eAAe;IACzE,aAAa;;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,OAA8B,CAAC;QACjD,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,qBAAqB,0CAAE,GAAG,CAAC;;;;;;KAMjE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { CustomerForm } from '../../CustomerForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalCustomerFormLegalNoticeControl extends InternalControl {\n  renderControl(): TemplateResult {\n    const host = this.nucleon as CustomerForm | null;\n    return html`\n      <p class=\"leading-s text-xs text-secondary\">\n        <foxy-i18n infer=\"\" key=\"text\"></foxy-i18n>\n        <a\n          class=\"font-medium text-body rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n          target=\"_blank\"\n          href=${ifDefined(host?.settings?.tos_checkbox_settings?.url)}\n          rel=\"noopener noreferrer\"\n        >\n          <foxy-i18n infer=\"\" key=\"link\"></foxy-i18n>\n        </a>\n      </p>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CustomerForm/internal/InternalCustomerFormLegalNoticeControl/index.d.ts

@@ -0,0 +1,4 @@
+import '../../../../internal/InternalControl/index';
+import '../../../I18n/index';
+import { InternalCustomerFormLegalNoticeControl as Control } from './InternalCustomerFormLegalNoticeControl';
+export { Control as InternalCustomerFormLegalNoticeControl };