@foxy.io/elements 1.14.0-beta.3 → 1.14.0-beta.4

package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.js

@@ -0,0 +1,529 @@
+import { ChoiceChangeEvent } from "../../private/events.js";
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { html } from 'lit-html';
+import { Checkbox } from "../../private/Checkbox/Checkbox.js";
+import { Choice } from "../../private/Choice/Choice.js";
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { CountriesList } from "./CountriesList.js";
+import { Group } from "../../private/Group/Group.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.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 { getDefaultJSON } from "./defaults.js";
+import { live } from 'lit-html/directives/live';
+const NS = 'template-config-form';
+const Base = ScopedElementsMixin(ResponsiveMixin(ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))));
+export class TemplateConfigForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.countries = '';
+        this.regions = '';
+        this.__addHiddenFieldInputValue = '';
+    }
+    static get scopedElements() {
+        return {
+            'vaadin-text-field': customElements.get('vaadin-text-field'),
+            'vaadin-text-area': customElements.get('vaadin-text-area'),
+            'iron-icon': customElements.get('iron-icon'),
+            'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
+            'foxy-spinner': customElements.get('foxy-spinner'),
+            'foxy-i18n': customElements.get('foxy-i18n'),
+            'x-countries-list': CountriesList,
+            'x-checkbox': Checkbox,
+            'x-choice': Choice,
+            'x-group': Group,
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __addHiddenFieldInputValue: { attribute: false },
+            countries: { type: String },
+            regions: { type: String },
+        };
+    }
+    render() {
+        var _a, _b;
+        const hidden = this.hiddenControls;
+        const json = this.form.json ? JSON.parse(this.form.json) : getDefaultJSON();
+        return html `
+      <div class="relative" aria-busy=${this.in('busy')} aria-live="polite">
+        <div
+          class=${classMap({
+            'space-y-l transition-opacity': true,
+            'opacity-50': !this.in('idle'),
+        })}
+        >
+          ${hidden.matches('cart-type', true) ? '' : this.__renderCartType(json)}
+          ${hidden.matches('foxycomplete', true) ? '' : this.__renderFoxycomplete(json)}
+          ${hidden.matches('locations', true) ? '' : this.__renderLocations(json)}
+          ${hidden.matches('hidden-fields', true) ? '' : this.__renderHiddenFields(json)}
+          ${hidden.matches('header', true) ? '' : this.__renderHeader(json)}
+          ${hidden.matches('footer', true) ? '' : this.__renderFooter(json)}
+        </div>
+
+        <div
+          class=${classMap({
+            'transition duration-500 ease-in-out absolute inset-0 flex': true,
+            'opacity-0 pointer-events-none': this.in('idle'),
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
+            state=${this.in('fail') ? 'error' : 'busy'}
+            lang=${this.lang}
+            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    __renderCartType(json) {
+        const { lang, ns } = this;
+        const items = ['default', 'fullpage', 'custom'];
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('cart-type:before')}
+
+        <x-group frame>
+          <foxy-i18n slot="header" lang=${lang} key="cart_type" ns=${ns}></foxy-i18n>
+
+          <x-choice
+            .value=${json.cart_type}
+            .items=${items}
+            ?disabled=${this.disabledSelector.matches('cart-type', true)}
+            ?readonly=${this.readonlySelector.matches('cart-type', true)}
+            @change=${(evt) => {
+            this.edit({ json: JSON.stringify({ ...json, cart_type: evt.detail }) });
+        }}
+          >
+            ${items.map(item => {
+            return html `
+                <div slot="${item}-label" class="grid leading-s py-s">
+                  <foxy-i18n lang=${lang} key="cart_type_${item}" ns=${ns}></foxy-i18n>
+                  <foxy-i18n
+                    class="text-tertiary text-s"
+                    lang=${lang}
+                    key="cart_type_${item}_explainer"
+                    ns=${ns}
+                  >
+                  </foxy-i18n>
+                </div>
+              `;
+        })}
+          </x-choice>
+        </x-group>
+
+        ${this.renderTemplateOrSlot('cart-type:after')}
+      </div>
+    `;
+    }
+    __renderFoxycomplete(json) {
+        const { lang, ns } = this;
+        const isDisabled = this.disabledSelector.matches('foxycomplete', true);
+        const isReadonly = this.readonlySelector.matches('foxycomplete', true);
+        const items = ['combobox', 'search', 'disabled'];
+        const value = json.foxycomplete.usage === 'none'
+            ? 'disabled'
+            : json.foxycomplete.show_combobox
+                ? 'combobox'
+                : 'search';
+        const renderFlagsCheckbox = () => html `
+      <x-checkbox
+        ?disabled=${isDisabled}
+        ?readonly=${isReadonly}
+        ?checked=${json.foxycomplete.show_flags}
+        @change=${(evt) => {
+            const newConfig = {
+                ...json.foxycomplete,
+                show_flags: evt.detail,
+            };
+            this.edit({ json: JSON.stringify({ ...json, foxycomplete: newConfig }) });
+        }}
+      >
+        <foxy-i18n lang=${lang} key="show_country_flags" ns=${ns}></foxy-i18n>
+      </x-checkbox>
+    `;
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('foxycomplete:before')}
+
+        <x-group frame>
+          <foxy-i18n slot="header" lang=${lang} key="foxycomplete" ns=${ns}></foxy-i18n>
+
+          <x-choice
+            .value=${value}
+            .items=${items}
+            ?disabled=${isDisabled}
+            ?readonly=${isReadonly}
+            @change=${(evt) => {
+            if (!(evt instanceof ChoiceChangeEvent))
+                return;
+            const newConfig = {
+                ...json.foxycomplete,
+                usage: evt.detail === 'disabled' ? 'none' : 'required',
+                show_combobox: evt.detail === 'combobox',
+            };
+            this.edit({ json: JSON.stringify({ ...json, foxycomplete: newConfig }) });
+        }}
+          >
+            ${items.map(item => {
+            return html `
+                <div slot="${item}-label" class="grid leading-s py-s">
+                  <foxy-i18n lang=${lang} key="foxycomplete_${item}" ns=${ns}></foxy-i18n>
+                  <foxy-i18n
+                    class="text-tertiary text-s"
+                    lang=${lang}
+                    key="foxycomplete_${item}_explainer"
+                    ns=${ns}
+                  >
+                  </foxy-i18n>
+                </div>
+              `;
+        })}
+
+            <div slot="combobox" class="space-y-m pb-s" ?hidden=${value !== 'combobox'}>
+              <div class="grid grid-cols-2 gap-m" style="max-width: 16rem">
+                ${['open', 'close'].map(action => {
+            const field = action === 'open' ? 'combobox_open' : 'combobox_close';
+            return html `
+                    <vaadin-text-field
+                      label=${this.t(`${action}_icon`)}
+                      .value=${json.foxycomplete[field]}
+                      ?disabled=${isDisabled}
+                      ?readonly=${isReadonly}
+                      @input=${(evt) => {
+                const target = evt.currentTarget;
+                const newConfig = {
+                    ...json.foxycomplete,
+                    [field]: target.value,
+                };
+                this.edit({ json: JSON.stringify({ ...json, foxycomplete: newConfig }) });
+            }}
+                    >
+                    </vaadin-text-field>
+                  `;
+        })}
+              </div>
+
+              ${renderFlagsCheckbox()}
+            </div>
+
+            <div slot="search" class="pb-s" ?hidden=${value !== 'search'}>
+              ${renderFlagsCheckbox()}
+            </div>
+          </x-choice>
+
+          <div class="border-t border-contrast-10 p-m">
+            <x-checkbox
+              ?disabled=${isDisabled}
+              ?readonly=${isReadonly}
+              ?checked=${json.postal_code_lookup.usage === 'enabled'}
+              @change=${(evt) => {
+            const newConfig = {
+                usage: evt.detail ? 'enabled' : 'none',
+            };
+            this.edit({ json: JSON.stringify({ ...json, postal_code_lookup: newConfig }) });
+        }}
+            >
+              <foxy-i18n lang=${lang} key="enable_postcode_lookup" ns=${ns}></foxy-i18n>
+            </x-checkbox>
+          </div>
+        </x-group>
+
+        ${this.renderTemplateOrSlot('foxycomplete:after')}
+      </div>
+    `;
+    }
+    __renderLocations(json) {
+        const { lang, ns } = this;
+        const config = json.location_filtering;
+        const shippingChoice = config.shipping_filter_type === 'blacklist' ? 'block' : 'allow';
+        const billingChoice = config.usage === 'both'
+            ? 'copy'
+            : config.billing_filter_type === 'blacklist'
+                ? 'block'
+                : 'allow';
+        const normalize = () => {
+            if (config.usage === 'both') {
+                config.billing_filter_type = config.shipping_filter_type;
+                config.billing_filter_values = config.shipping_filter_values;
+            }
+            else {
+                const hasBillingFilters = Object.keys(config.billing_filter_values).length > 0;
+                const hasShippingFilters = Object.keys(config.shipping_filter_values).length > 0;
+                if (!hasBillingFilters && !hasShippingFilters) {
+                    config.usage = 'none';
+                }
+                else if (hasBillingFilters && !hasShippingFilters) {
+                    config.usage = 'billing';
+                }
+                else if (hasShippingFilters && !hasBillingFilters) {
+                    config.usage = 'shipping';
+                }
+                else {
+                    config.usage = 'independent';
+                }
+            }
+        };
+        return html `
+      ${this.renderTemplateOrSlot('locations:before')}
+
+      <x-group frame>
+        <foxy-i18n slot="header" lang=${lang} key="location_plural" ns=${ns}></foxy-i18n>
+
+        <div class="grid sm-grid-cols-2 bg-contrast-10" style="gap: 1px">
+          <x-group class="bg-base pt-m">
+            <foxy-i18n class="text-tertiary" slot="header" lang=${lang} key="shipping" ns=${ns}>
+            </foxy-i18n>
+
+            <x-choice
+              .items=${['allow', 'block']}
+              .value=${shippingChoice}
+              @change=${(evt) => {
+            if (config.usage !== 'both')
+                config.usage = 'independent';
+            config.shipping_filter_type = evt.detail === 'block' ? 'blacklist' : 'whitelist';
+            normalize();
+            this.edit({ json: JSON.stringify(json) });
+        }}
+            >
+              <foxy-i18n slot="allow-label" lang=${lang} key="allowlist" ns=${ns}></foxy-i18n>
+              <foxy-i18n slot="block-label" lang=${lang} key="blocklist" ns=${ns}></foxy-i18n>
+
+              <x-countries-list
+                countries=${JSON.stringify(config.shipping_filter_values)}
+                regions=${this.regions}
+                class="mb-m"
+                href=${this.countries}
+                slot=${shippingChoice}
+                lang=${lang}
+                ns=${ns}
+                ?disabled=${this.disabledSelector.matches('locations', true)}
+                ?readonly=${this.readonlySelector.matches('locations', true)}
+                @update:countries=${(evt) => {
+            config.shipping_filter_values = evt.currentTarget.countries;
+            normalize();
+            this.edit({ json: JSON.stringify(json) });
+        }}
+              >
+              </x-countries-list>
+            </x-choice>
+          </x-group>
+
+          <x-group class="bg-base pt-m">
+            <foxy-i18n class="text-tertiary" slot="header" lang=${lang} key="billing" ns=${ns}>
+            </foxy-i18n>
+
+            <x-choice
+              .items=${['allow', 'block', 'copy']}
+              .value=${billingChoice}
+              @change=${(evt) => {
+            if (evt.detail === 'copy') {
+                config.usage = 'both';
+            }
+            else {
+                config.usage = 'independent';
+                config.billing_filter_type = evt.detail === 'block' ? 'blacklist' : 'whitelist';
+            }
+            normalize();
+            this.edit({ json: JSON.stringify(json) });
+        }}
+            >
+              <foxy-i18n slot="allow-label" lang=${lang} key="allowlist" ns=${ns}></foxy-i18n>
+              <foxy-i18n slot="block-label" lang=${lang} key="blocklist" ns=${ns}></foxy-i18n>
+              <foxy-i18n slot="copy-label" lang=${lang} key="same_as_shipping" ns=${ns}></foxy-i18n>
+
+              <x-countries-list
+                countries=${JSON.stringify(config.billing_filter_values)}
+                regions=${this.regions}
+                class="mb-m"
+                href=${this.countries}
+                slot=${billingChoice}
+                lang=${lang}
+                ns=${ns}
+                ?disabled=${this.disabledSelector.matches('locations', true)}
+                ?readonly=${this.readonlySelector.matches('locations', true)}
+                ?hidden=${billingChoice === 'copy'}
+                @update:countries=${(evt) => {
+            config.billing_filter_values = evt.currentTarget.countries;
+            normalize();
+            this.edit({ json: JSON.stringify(json) });
+        }}
+              >
+              </x-countries-list>
+            </x-choice>
+          </x-group>
+        </div>
+      </x-group>
+
+      ${this.renderTemplateOrSlot('locations:after')}
+    `;
+    }
+    __renderHiddenFields(json) {
+        const { lang, ns } = this;
+        const suggestions = [];
+        const fields = [];
+        const config = json.cart_display_config;
+        for (const key in config) {
+            if (!key.startsWith('show_'))
+                continue;
+            const field = key.substring(5);
+            suggestions.push(field);
+            if (config.usage === 'required' && !config[key])
+                fields.push(field);
+        }
+        if (config.usage === 'required') {
+            fields.push(...config.hidden_product_options);
+        }
+        const addField = () => {
+            config.usage = 'required';
+            if (suggestions.includes(this.__addHiddenFieldInputValue)) {
+                config[`show_${this.__addHiddenFieldInputValue}`] = false;
+            }
+            else if (!config.hidden_product_options.includes(this.__addHiddenFieldInputValue)) {
+                config.hidden_product_options.push(this.__addHiddenFieldInputValue);
+            }
+            this.edit({ json: JSON.stringify(json) });
+            this.__addHiddenFieldInputValue = '';
+        };
+        const radius = 'calc(var(--lumo-border-radius-l) / 1.2)';
+        const inputRadius = fields.length === 0 ? [radius] : ['0', '0', radius, radius];
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('hidden-fields:before')}
+
+        <x-group frame>
+          <foxy-i18n slot="header" lang=${lang} key="hidden_fields" ns=${ns}></foxy-i18n>
+
+          <div class="divide-y divide-contrast-10">
+            ${fields.map(field => html `
+                <div class="h-m ml-m pr-xs flex items-center justify-between">
+                  ${suggestions.includes(field)
+            ? html `<foxy-i18n lang=${lang} key=${field} ns=${ns}></foxy-i18n>`
+            : html `<span>${field}</span>`}
+
+                  <button
+                    class="flex w-xs h-xs items-center justify-center rounded-full transition-colors hover-bg-error-10 hover-text-error focus-outline-none focus-ring-2 focus-ring-inset focus-ring-error-50"
+                    @click=${() => {
+            if (typeof config[`show_${field}`] === 'boolean') {
+                config[`show_${field}`] = true;
+            }
+            else {
+                config.hidden_product_options = config.hidden_product_options.filter(option => option !== field);
+            }
+            this.edit({ json: JSON.stringify(json) });
+        }}
+                  >
+                    <iron-icon icon="icons:close" class="icon-inline text-m"></iron-icon>
+                  </button>
+                </div>
+              `)}
+          </div>
+
+          <div
+            style="border-radius: ${inputRadius.join(' ')}"
+            class=${classMap({
+            'h-m flex items-center ring-inset ring-primary-50 focus-within-ring-2': true,
+            'border-t border-contrast-10': fields.length > 0,
+        })}
+          >
+            <input
+              placeholder=${this.t('add_field')}
+              class="w-full bg-transparent appearance-none h-m px-m focus-outline-none"
+              list="hidden-fields-list"
+              .value=${live(this.__addHiddenFieldInputValue)}
+              @keydown=${(evt) => evt.key === 'Enter' && addField()}
+              @input=${(evt) => {
+            this.__addHiddenFieldInputValue = evt.currentTarget.value;
+        }}
+            />
+
+            <datalist id="hidden-fields-list">
+              ${suggestions
+            .filter(suggestion => !fields.includes(suggestion))
+            .map(suggestion => html `<option value=${suggestion}>${this.t(suggestion)}</option>`)}
+            </datalist>
+
+            <button
+              aria-label=${this.t('add_field')}
+              class=${classMap({
+            'w-xs h-xs mr-xs flex-shrink-0 ring-inset ring-success-50': true,
+            'flex items-center justify-center rounded-full transition-colors': true,
+            'bg-contrast-5 text-disabled cursor-default': !this.__addHiddenFieldInputValue,
+            'bg-success-10 text-success cursor-pointer': !!this.__addHiddenFieldInputValue,
+            'hover-bg-success hover-text-success-contrast': !!this.__addHiddenFieldInputValue,
+            'focus-outline-none focus-ring-2': !!this.__addHiddenFieldInputValue,
+        })}
+              ?disabled=${!this.__addHiddenFieldInputValue}
+              @click=${addField}
+            >
+              <iron-icon icon="icons:add" class="icon-inline text-m"></iron-icon>
+            </button>
+          </div>
+        </x-group>
+
+        ${this.renderTemplateOrSlot('hidden-fields:after')}
+      </div>
+    `;
+    }
+    __renderHeader(json) {
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('header:before')}
+
+        <vaadin-text-area
+          class="w-full"
+          label=${this.t('custom_header')}
+          helper-text=${this.t('custom_header_helper_text')}
+          .value=${json.custom_script_values.header}
+          ?disabled=${this.disabledSelector.matches('header', true)}
+          ?readonly=${this.readonlySelector.matches('header', true)}
+          @input=${(evt) => {
+            const target = evt.currentTarget;
+            const newConfig = {
+                ...json.custom_script_values,
+                header: target.value,
+            };
+            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });
+        }}
+        >
+        </vaadin-text-area>
+
+        ${this.renderTemplateOrSlot('header:after')}
+      </div>
+    `;
+    }
+    __renderFooter(json) {
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('footer:before')}
+
+        <vaadin-text-area
+          class="w-full"
+          label=${this.t('custom_footer')}
+          helper-text=${this.t('custom_footer_helper_text')}
+          .value=${json.custom_script_values.footer}
+          ?disabled=${this.disabledSelector.matches('footer', true)}
+          ?readonly=${this.readonlySelector.matches('footer', true)}
+          @input=${(evt) => {
+            const target = evt.currentTarget;
+            const newConfig = {
+                ...json.custom_script_values,
+                footer: target.value,
+            };
+            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });
+        }}
+        >
+        </vaadin-text-area>
+
+        ${this.renderTemplateOrSlot('footer:after')}
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=TemplateConfigForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateConfigForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateConfigForm/TemplateConfigForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { CheckboxChangeEvent, ChoiceChangeEvent } from '../../private/events';\nimport { Data, TemplateConfigJSON } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Checkbox } from '../../private/Checkbox/Checkbox';\nimport { Choice } from '../../private/Choice/Choice';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { CountriesList } from './CountriesList';\nimport { Group } from '../../private/Group/Group';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { TextAreaElement } from '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { getDefaultJSON } from './defaults';\nimport { live } from 'lit-html/directives/live';\n\nconst NS = 'template-config-form';\nconst Base = ScopedElementsMixin(\n  ResponsiveMixin(ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS))))\n);\n\nexport class TemplateConfigForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-countries-list': CountriesList,\n      'x-checkbox': Checkbox,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __addHiddenFieldInputValue: { attribute: false },\n      countries: { type: String },\n      regions: { type: String },\n    };\n  }\n\n  countries = '';\n\n  regions = '';\n\n  private __addHiddenFieldInputValue = '';\n\n  render(): TemplateResult {\n    const hidden = this.hiddenControls;\n    const json: TemplateConfigJSON = this.form.json ? JSON.parse(this.form.json) : getDefaultJSON();\n\n    return html`\n      <div class=\"relative\" aria-busy=${this.in('busy')} aria-live=\"polite\">\n        <div\n          class=${classMap({\n            'space-y-l transition-opacity': true,\n            'opacity-50': !this.in('idle'),\n          })}\n        >\n          ${hidden.matches('cart-type', true) ? '' : this.__renderCartType(json)}\n          ${hidden.matches('foxycomplete', true) ? '' : this.__renderFoxycomplete(json)}\n          ${hidden.matches('locations', true) ? '' : this.__renderLocations(json)}\n          ${hidden.matches('hidden-fields', true) ? '' : this.__renderHiddenFields(json)}\n          ${hidden.matches('header', true) ? '' : this.__renderHeader(json)}\n          ${hidden.matches('footer', true) ? '' : this.__renderFooter(json)}\n        </div>\n\n        <div\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': this.in('idle'),\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=${this.in('fail') ? 'error' : 'busy'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private __renderCartType(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const items = ['default', 'fullpage', 'custom'];\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('cart-type:before')}\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${lang} key=\"cart_type\" ns=${ns}></foxy-i18n>\n\n          <x-choice\n            .value=${json.cart_type}\n            .items=${items}\n            ?disabled=${this.disabledSelector.matches('cart-type', true)}\n            ?readonly=${this.readonlySelector.matches('cart-type', true)}\n            @change=${(evt: ChoiceChangeEvent) => {\n              this.edit({ json: JSON.stringify({ ...json, cart_type: evt.detail }) });\n            }}\n          >\n            ${items.map(item => {\n              return html`\n                <div slot=\"${item}-label\" class=\"grid leading-s py-s\">\n                  <foxy-i18n lang=${lang} key=\"cart_type_${item}\" ns=${ns}></foxy-i18n>\n                  <foxy-i18n\n                    class=\"text-tertiary text-s\"\n                    lang=${lang}\n                    key=\"cart_type_${item}_explainer\"\n                    ns=${ns}\n                  >\n                  </foxy-i18n>\n                </div>\n              `;\n            })}\n          </x-choice>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('cart-type:after')}\n      </div>\n    `;\n  }\n\n  private __renderFoxycomplete(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const isDisabled = this.disabledSelector.matches('foxycomplete', true);\n    const isReadonly = this.readonlySelector.matches('foxycomplete', true);\n    const items = ['combobox', 'search', 'disabled'];\n    const value =\n      json.foxycomplete.usage === 'none'\n        ? 'disabled'\n        : json.foxycomplete.show_combobox\n        ? 'combobox'\n        : 'search';\n\n    const renderFlagsCheckbox = () => html`\n      <x-checkbox\n        ?disabled=${isDisabled}\n        ?readonly=${isReadonly}\n        ?checked=${json.foxycomplete.show_flags}\n        @change=${(evt: CheckboxChangeEvent) => {\n          const newConfig: TemplateConfigJSON['foxycomplete'] = {\n            ...json.foxycomplete,\n            show_flags: evt.detail,\n          };\n\n          this.edit({ json: JSON.stringify({ ...json, foxycomplete: newConfig }) });\n        }}\n      >\n        <foxy-i18n lang=${lang} key=\"show_country_flags\" ns=${ns}></foxy-i18n>\n      </x-checkbox>\n    `;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('foxycomplete:before')}\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${lang} key=\"foxycomplete\" ns=${ns}></foxy-i18n>\n\n          <x-choice\n            .value=${value}\n            .items=${items}\n            ?disabled=${isDisabled}\n            ?readonly=${isReadonly}\n            @change=${(evt: Event) => {\n              if (!(evt instanceof ChoiceChangeEvent)) return;\n\n              const newConfig: TemplateConfigJSON['foxycomplete'] = {\n                ...json.foxycomplete,\n                usage: evt.detail === 'disabled' ? 'none' : 'required',\n                show_combobox: evt.detail === 'combobox',\n              };\n\n              this.edit({ json: JSON.stringify({ ...json, foxycomplete: newConfig }) });\n            }}\n          >\n            ${items.map(item => {\n              return html`\n                <div slot=\"${item}-label\" class=\"grid leading-s py-s\">\n                  <foxy-i18n lang=${lang} key=\"foxycomplete_${item}\" ns=${ns}></foxy-i18n>\n                  <foxy-i18n\n                    class=\"text-tertiary text-s\"\n                    lang=${lang}\n                    key=\"foxycomplete_${item}_explainer\"\n                    ns=${ns}\n                  >\n                  </foxy-i18n>\n                </div>\n              `;\n            })}\n\n            <div slot=\"combobox\" class=\"space-y-m pb-s\" ?hidden=${value !== 'combobox'}>\n              <div class=\"grid grid-cols-2 gap-m\" style=\"max-width: 16rem\">\n                ${['open', 'close'].map(action => {\n                  const field = action === 'open' ? 'combobox_open' : 'combobox_close';\n\n                  return html`\n                    <vaadin-text-field\n                      label=${this.t(`${action}_icon`)}\n                      .value=${json.foxycomplete[field]}\n                      ?disabled=${isDisabled}\n                      ?readonly=${isReadonly}\n                      @input=${(evt: CustomEvent) => {\n                        const target = evt.currentTarget as TextFieldElement;\n                        const newConfig: TemplateConfigJSON['foxycomplete'] = {\n                          ...json.foxycomplete,\n                          [field]: target.value,\n                        };\n\n                        this.edit({ json: JSON.stringify({ ...json, foxycomplete: newConfig }) });\n                      }}\n                    >\n                    </vaadin-text-field>\n                  `;\n                })}\n              </div>\n\n              ${renderFlagsCheckbox()}\n            </div>\n\n            <div slot=\"search\" class=\"pb-s\" ?hidden=${value !== 'search'}>\n              ${renderFlagsCheckbox()}\n            </div>\n          </x-choice>\n\n          <div class=\"border-t border-contrast-10 p-m\">\n            <x-checkbox\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n              ?checked=${json.postal_code_lookup.usage === 'enabled'}\n              @change=${(evt: CheckboxChangeEvent) => {\n                const newConfig: TemplateConfigJSON['postal_code_lookup'] = {\n                  usage: evt.detail ? 'enabled' : 'none',\n                };\n\n                this.edit({ json: JSON.stringify({ ...json, postal_code_lookup: newConfig }) });\n              }}\n            >\n              <foxy-i18n lang=${lang} key=\"enable_postcode_lookup\" ns=${ns}></foxy-i18n>\n            </x-checkbox>\n          </div>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('foxycomplete:after')}\n      </div>\n    `;\n  }\n\n  private __renderLocations(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const config = json.location_filtering;\n\n    const shippingChoice = config.shipping_filter_type === 'blacklist' ? 'block' : 'allow';\n    const billingChoice =\n      config.usage === 'both'\n        ? 'copy'\n        : config.billing_filter_type === 'blacklist'\n        ? 'block'\n        : 'allow';\n\n    const normalize = () => {\n      if (config.usage === 'both') {\n        config.billing_filter_type = config.shipping_filter_type;\n        config.billing_filter_values = config.shipping_filter_values;\n      } else {\n        const hasBillingFilters = Object.keys(config.billing_filter_values).length > 0;\n        const hasShippingFilters = Object.keys(config.shipping_filter_values).length > 0;\n\n        if (!hasBillingFilters && !hasShippingFilters) {\n          config.usage = 'none';\n        } else if (hasBillingFilters && !hasShippingFilters) {\n          config.usage = 'billing';\n        } else if (hasShippingFilters && !hasBillingFilters) {\n          config.usage = 'shipping';\n        } else {\n          config.usage = 'independent';\n        }\n      }\n    };\n\n    return html`\n      ${this.renderTemplateOrSlot('locations:before')}\n\n      <x-group frame>\n        <foxy-i18n slot=\"header\" lang=${lang} key=\"location_plural\" ns=${ns}></foxy-i18n>\n\n        <div class=\"grid sm-grid-cols-2 bg-contrast-10\" style=\"gap: 1px\">\n          <x-group class=\"bg-base pt-m\">\n            <foxy-i18n class=\"text-tertiary\" slot=\"header\" lang=${lang} key=\"shipping\" ns=${ns}>\n            </foxy-i18n>\n\n            <x-choice\n              .items=${['allow', 'block']}\n              .value=${shippingChoice}\n              @change=${(evt: ChoiceChangeEvent) => {\n                if (config.usage !== 'both') config.usage = 'independent';\n                config.shipping_filter_type = evt.detail === 'block' ? 'blacklist' : 'whitelist';\n                normalize();\n                this.edit({ json: JSON.stringify(json) });\n              }}\n            >\n              <foxy-i18n slot=\"allow-label\" lang=${lang} key=\"allowlist\" ns=${ns}></foxy-i18n>\n              <foxy-i18n slot=\"block-label\" lang=${lang} key=\"blocklist\" ns=${ns}></foxy-i18n>\n\n              <x-countries-list\n                countries=${JSON.stringify(config.shipping_filter_values)}\n                regions=${this.regions}\n                class=\"mb-m\"\n                href=${this.countries}\n                slot=${shippingChoice}\n                lang=${lang}\n                ns=${ns}\n                ?disabled=${this.disabledSelector.matches('locations', true)}\n                ?readonly=${this.readonlySelector.matches('locations', true)}\n                @update:countries=${(evt: CustomEvent) => {\n                  config.shipping_filter_values = (evt.currentTarget as CountriesList).countries;\n                  normalize();\n                  this.edit({ json: JSON.stringify(json) });\n                }}\n              >\n              </x-countries-list>\n            </x-choice>\n          </x-group>\n\n          <x-group class=\"bg-base pt-m\">\n            <foxy-i18n class=\"text-tertiary\" slot=\"header\" lang=${lang} key=\"billing\" ns=${ns}>\n            </foxy-i18n>\n\n            <x-choice\n              .items=${['allow', 'block', 'copy']}\n              .value=${billingChoice}\n              @change=${(evt: ChoiceChangeEvent) => {\n                if (evt.detail === 'copy') {\n                  config.usage = 'both';\n                } else {\n                  config.usage = 'independent';\n                  config.billing_filter_type = evt.detail === 'block' ? 'blacklist' : 'whitelist';\n                }\n\n                normalize();\n                this.edit({ json: JSON.stringify(json) });\n              }}\n            >\n              <foxy-i18n slot=\"allow-label\" lang=${lang} key=\"allowlist\" ns=${ns}></foxy-i18n>\n              <foxy-i18n slot=\"block-label\" lang=${lang} key=\"blocklist\" ns=${ns}></foxy-i18n>\n              <foxy-i18n slot=\"copy-label\" lang=${lang} key=\"same_as_shipping\" ns=${ns}></foxy-i18n>\n\n              <x-countries-list\n                countries=${JSON.stringify(config.billing_filter_values)}\n                regions=${this.regions}\n                class=\"mb-m\"\n                href=${this.countries}\n                slot=${billingChoice}\n                lang=${lang}\n                ns=${ns}\n                ?disabled=${this.disabledSelector.matches('locations', true)}\n                ?readonly=${this.readonlySelector.matches('locations', true)}\n                ?hidden=${billingChoice === 'copy'}\n                @update:countries=${(evt: CustomEvent) => {\n                  config.billing_filter_values = (evt.currentTarget as CountriesList).countries;\n                  normalize();\n                  this.edit({ json: JSON.stringify(json) });\n                }}\n              >\n              </x-countries-list>\n            </x-choice>\n          </x-group>\n        </div>\n      </x-group>\n\n      ${this.renderTemplateOrSlot('locations:after')}\n    `;\n  }\n\n  private __renderHiddenFields(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const suggestions = [] as string[];\n    const fields = [] as string[];\n    const config = json.cart_display_config;\n\n    type FieldName = keyof Omit<\n      TemplateConfigJSON['cart_display_config'],\n      'hidden_product_options' | 'usage'\n    >;\n\n    for (const key in config) {\n      if (!key.startsWith('show_')) continue;\n      const field = key.substring(5);\n      suggestions.push(field);\n      if (config.usage === 'required' && !config[key as FieldName]) fields.push(field);\n    }\n\n    if (config.usage === 'required') {\n      fields.push(...config.hidden_product_options);\n    }\n\n    const addField = () => {\n      config.usage = 'required';\n\n      if (suggestions.includes(this.__addHiddenFieldInputValue)) {\n        config[`show_${this.__addHiddenFieldInputValue}` as FieldName] = false;\n      } else if (!config.hidden_product_options.includes(this.__addHiddenFieldInputValue)) {\n        config.hidden_product_options.push(this.__addHiddenFieldInputValue);\n      }\n\n      this.edit({ json: JSON.stringify(json) });\n      this.__addHiddenFieldInputValue = '';\n    };\n\n    const radius = 'calc(var(--lumo-border-radius-l) / 1.2)';\n    const inputRadius = fields.length === 0 ? [radius] : ['0', '0', radius, radius];\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('hidden-fields:before')}\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${lang} key=\"hidden_fields\" ns=${ns}></foxy-i18n>\n\n          <div class=\"divide-y divide-contrast-10\">\n            ${fields.map(\n              field => html`\n                <div class=\"h-m ml-m pr-xs flex items-center justify-between\">\n                  ${suggestions.includes(field)\n                    ? html`<foxy-i18n lang=${lang} key=${field} ns=${ns}></foxy-i18n>`\n                    : html`<span>${field}</span>`}\n\n                  <button\n                    class=\"flex w-xs h-xs items-center justify-center rounded-full transition-colors hover-bg-error-10 hover-text-error focus-outline-none focus-ring-2 focus-ring-inset focus-ring-error-50\"\n                    @click=${() => {\n                      if (typeof config[`show_${field}` as FieldName] === 'boolean') {\n                        config[`show_${field}` as FieldName] = true;\n                      } else {\n                        config.hidden_product_options = config.hidden_product_options.filter(\n                          option => option !== field\n                        );\n                      }\n\n                      this.edit({ json: JSON.stringify(json) });\n                    }}\n                  >\n                    <iron-icon icon=\"icons:close\" class=\"icon-inline text-m\"></iron-icon>\n                  </button>\n                </div>\n              `\n            )}\n          </div>\n\n          <div\n            style=\"border-radius: ${inputRadius.join(' ')}\"\n            class=${classMap({\n              'h-m flex items-center ring-inset ring-primary-50 focus-within-ring-2': true,\n              'border-t border-contrast-10': fields.length > 0,\n            })}\n          >\n            <input\n              placeholder=${this.t('add_field')}\n              class=\"w-full bg-transparent appearance-none h-m px-m focus-outline-none\"\n              list=\"hidden-fields-list\"\n              .value=${live(this.__addHiddenFieldInputValue)}\n              @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && addField()}\n              @input=${(evt: InputEvent) => {\n                this.__addHiddenFieldInputValue = (evt.currentTarget as HTMLInputElement).value;\n              }}\n            />\n\n            <datalist id=\"hidden-fields-list\">\n              ${suggestions\n                .filter(suggestion => !fields.includes(suggestion))\n                .map(\n                  suggestion => html`<option value=${suggestion}>${this.t(suggestion)}</option>`\n                )}\n            </datalist>\n\n            <button\n              aria-label=${this.t('add_field')}\n              class=${classMap({\n                'w-xs h-xs mr-xs flex-shrink-0 ring-inset ring-success-50': true,\n                'flex items-center justify-center rounded-full transition-colors': true,\n                'bg-contrast-5 text-disabled cursor-default': !this.__addHiddenFieldInputValue,\n                'bg-success-10 text-success cursor-pointer': !!this.__addHiddenFieldInputValue,\n                'hover-bg-success hover-text-success-contrast': !!this.__addHiddenFieldInputValue,\n                'focus-outline-none focus-ring-2': !!this.__addHiddenFieldInputValue,\n              })}\n              ?disabled=${!this.__addHiddenFieldInputValue}\n              @click=${addField}\n            >\n              <iron-icon icon=\"icons:add\" class=\"icon-inline text-m\"></iron-icon>\n            </button>\n          </div>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('hidden-fields:after')}\n      </div>\n    `;\n  }\n\n  private __renderHeader(json: TemplateConfigJSON) {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('header:before')}\n\n        <vaadin-text-area\n          class=\"w-full\"\n          label=${this.t('custom_header')}\n          helper-text=${this.t('custom_header_helper_text')}\n          .value=${json.custom_script_values.header}\n          ?disabled=${this.disabledSelector.matches('header', true)}\n          ?readonly=${this.readonlySelector.matches('header', true)}\n          @input=${(evt: CustomEvent) => {\n            const target = evt.currentTarget as TextAreaElement;\n            const newConfig: TemplateConfigJSON['custom_script_values'] = {\n              ...json.custom_script_values,\n              header: target.value,\n            };\n\n            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });\n          }}\n        >\n        </vaadin-text-area>\n\n        ${this.renderTemplateOrSlot('header:after')}\n      </div>\n    `;\n  }\n\n  private __renderFooter(json: TemplateConfigJSON) {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('footer:before')}\n\n        <vaadin-text-area\n          class=\"w-full\"\n          label=${this.t('custom_footer')}\n          helper-text=${this.t('custom_footer_helper_text')}\n          .value=${json.custom_script_values.footer}\n          ?disabled=${this.disabledSelector.matches('footer', true)}\n          ?readonly=${this.readonlySelector.matches('footer', true)}\n          @input=${(evt: CustomEvent) => {\n            const target = evt.currentTarget as TextAreaElement;\n            const newConfig: TemplateConfigJSON['custom_script_values'] = {\n              ...json.custom_script_values,\n              footer: target.value,\n            };\n\n            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });\n          }}\n        >\n        </vaadin-text-area>\n\n        ${this.renderTemplateOrSlot('footer:after')}\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/TemplateConfigForm/defaults.d.ts

@@ -0,0 +1,2 @@
+import { TemplateConfigJSON } from './types';
+export declare const getDefaultJSON: () => TemplateConfigJSON;