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

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 * as logos from '../PaymentMethodCard/logos';\n\nimport { 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('cards', true) ? '' : this.__renderCards(json)}\n          ${hidden.matches('checkout-type', true) ? '' : this.__renderCheckoutType(json)}\n          ${hidden.matches('consent', true) ? '' : this.__renderConsent(json)}\n          ${hidden.matches('fields', true) ? '' : this.__renderFields(json)}\n          ${hidden.matches('google-analytics', true) ? '' : this.__renderGoogleAnalytics(json)}\n          ${hidden.matches('segment-io', true) ? '' : this.__renderSegmentIo(json)}\n          ${hidden.matches('troubleshooting', true) ? '' : this.__renderTroubleshooting(json)}\n          ${hidden.matches('custom-config', true) ? '' : this.__renderCustomConfig(json)}\n          ${hidden.matches('header', true) ? '' : this.__renderHeader(json)}\n          ${hidden.matches('custom-fields', true) ? '' : this.__renderCustomFields(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-secondary text-xs\"\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 class=\"leading-s block\" lang=${lang} key=\"show_country_flags\" ns=${ns}>\n        </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-secondary text-xs\"\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 __renderCards(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const isDisabled = this.disabledSelector.matches('cards', true);\n    const config = json.supported_payment_cards as string[];\n\n    let skipForSaved: boolean;\n    let skipForSSO: boolean;\n\n    if (json.csc_requirements === 'all_cards') {\n      skipForSaved = false;\n      skipForSSO = false;\n    } else if (json.csc_requirements === 'sso_only') {\n      skipForSaved = true;\n      skipForSSO = false;\n    } else {\n      skipForSaved = true;\n      skipForSSO = true;\n    }\n\n    const typeToName: Record<string, string> = {\n      amex: 'American Express',\n      diners: 'Diners Club',\n      discover: 'Discover',\n      jcb: 'JCB',\n      maestro: 'Maestro',\n      mastercard: 'Mastercard',\n      unionpay: 'UnionPay',\n      visa: 'Visa',\n    };\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('cards:before')}\n\n        <div class=\"space-y-xs\">\n          <x-group frame>\n            <foxy-i18n slot=\"header\" lang=${lang} key=\"supported_cards\" ns=${ns}></foxy-i18n>\n\n            <div class=\"flex flex-wrap m-xs p-s\">\n              ${Object.entries(logos).map(([type, logo]) => {\n                if (!typeToName[type]) return;\n                const isChecked = config.includes(type);\n\n                return html`\n                  <div\n                    class=${classMap({\n                      'm-xs rounded': true,\n                      'opacity-50 cursor-default': isDisabled,\n                      'cursor-pointer ring-primary-50 focus-within-ring-2': !isDisabled,\n                    })}\n                  >\n                    <label\n                      class=${classMap({\n                        'overflow-hidden transition-colors flex rounded border': true,\n                        'border-primary bg-primary-10 text-primary': isChecked,\n                        'hover-text-body': isChecked && !isDisabled,\n                        'border-contrast-10': !isChecked,\n                        'hover-border-primary hover-text-primary': !isChecked && !isDisabled,\n                      })}\n                    >\n                      <div class=\"h-s\">${logo}</div>\n\n                      <div class=\"text-s font-medium mx-s my-auto leading-none\">\n                        ${typeToName[type]}\n                      </div>\n\n                      <input\n                        type=\"checkbox\"\n                        class=\"sr-only\"\n                        ?disabled=${isDisabled}\n                        ?checked=${isChecked}\n                        @change=${(evt: Event) => {\n                          evt.stopPropagation();\n\n                          if (isChecked) {\n                            config.splice(config.indexOf(type), 1);\n                          } else {\n                            config.push(type);\n                          }\n\n                          this.edit({ json: JSON.stringify(json) });\n                        }}\n                      />\n                    </label>\n                  </div>\n                `;\n              })}\n            </div>\n\n            <div class=\"flex flex-wrap p-s border-t border-contrast-10\">\n              <x-checkbox\n                class=\"m-s\"\n                ?disabled=${isDisabled || json.csc_requirements === 'new_cards_only'}\n                ?checked=${skipForSaved}\n                @change=${(evt: CheckboxChangeEvent) => {\n                  json.csc_requirements = evt.detail ? 'sso_only' : 'all_cards';\n                  this.edit({ json: JSON.stringify(json) });\n                }}\n              >\n                <foxy-i18n class=\"leading-s block\" lang=${lang} key=\"skip_csc_for_saved\" ns=${ns}>\n                </foxy-i18n>\n              </x-checkbox>\n\n              <x-checkbox\n                class=\"m-s\"\n                ?disabled=${isDisabled}\n                ?checked=${skipForSSO}\n                @change=${(evt: CheckboxChangeEvent) => {\n                  json.csc_requirements = evt.detail\n                    ? 'new_cards_only'\n                    : skipForSaved\n                    ? 'sso_only'\n                    : 'all_cards';\n\n                  this.edit({ json: JSON.stringify(json) });\n                }}\n              >\n                <foxy-i18n class=\"leading-s block\" lang=${lang} key=\"skip_csc_for_sso\" ns=${ns}>\n                </foxy-i18n>\n              </x-checkbox>\n            </div>\n          </x-group>\n\n          <foxy-i18n\n            class=\"text-xs text-secondary leading-s block\"\n            lang=${lang}\n            key=\"supported_cards_disclaimer\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot('cards:after')}\n      </div>\n    `;\n  }\n\n  private __renderCheckoutType(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('checkout-type:before')}\n\n        <div class=\"space-y-xs\">\n          <x-group frame>\n            <foxy-i18n slot=\"header\" lang=${lang} key=\"checkout_type\" ns=${ns}></foxy-i18n>\n\n            <x-choice\n              ?disabled=${this.disabledSelector.matches('checkout-type', true)}\n              ?readonly=${this.readonlySelector.matches('checkout-type', true)}\n              .items=${['default_account', 'default_guest', 'guest_only', 'account_only']}\n              .value=${json.checkout_type}\n              .getText=${(item: string) => this.t(`checkout_type_${item}`)}\n              @change=${(evt: ChoiceChangeEvent) => {\n                json.checkout_type = evt.detail as TemplateConfigJSON['checkout_type'];\n                this.edit({ json: JSON.stringify(json) });\n              }}\n            >\n            </x-choice>\n          </x-group>\n\n          <foxy-i18n\n            class=\"text-secondary text-xs leading-s block\"\n            lang=${lang}\n            key=\"checkout_type_helper_text\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot('checkout-type:after')}\n      </div>\n    `;\n  }\n\n  private __renderConsent(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const tosConfig = json.tos_checkbox_settings;\n    const mailConfig = json.newsletter_subscribe;\n    const sdtaConfig = json.eu_secure_data_transfer_consent;\n    const isDisabled = this.disabledSelector.matches('consent', true);\n    const isReadonly = this.readonlySelector.matches('consent', true);\n    const dividerStyle = 'margin-left: calc(1.125rem + (var(--lumo-space-m) * 2))';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('consent:before')}\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${lang} key=\"consent\" ns=${ns}></foxy-i18n>\n\n          <x-checkbox\n            ?disabled=${isDisabled}\n            ?readonly=${isReadonly}\n            ?checked=${tosConfig.usage === 'required' || tosConfig.usage === 'optional'}\n            class=\"m-m\"\n            @change=${(evt: CheckboxChangeEvent) => {\n              tosConfig.initial_state = evt.detail ? tosConfig.initial_state : 'unchecked';\n              tosConfig.is_hidden = false;\n              tosConfig.usage = evt.detail ? 'required' : 'none';\n              tosConfig.url = evt.detail ? tosConfig.url : '';\n\n              this.edit({ json: JSON.stringify(json) });\n            }}\n          >\n            <div class=\"flex flex-col\">\n              <foxy-i18n lang=${lang} key=\"display_tos_link\" ns=${ns}></foxy-i18n>\n              <foxy-i18n\n                class=\"text-xs leading-s text-secondary\"\n                lang=${lang}\n                key=\"display_tos_link_explainer\"\n                ns=${ns}\n              >\n              </foxy-i18n>\n            </div>\n\n            <div slot=\"content\" ?hidden=${tosConfig.usage === 'none'}>\n              <vaadin-text-field\n                label=${this.t('location_url')}\n                class=\"w-full mt-m\"\n                placeholder=\"https://example.com/path/to/tos\"\n                clear-button-visible\n                ?disabled=${isDisabled}\n                ?readonly=${isReadonly}\n                .value=${tosConfig.url}\n                @input=${(evt: CustomEvent) => {\n                  tosConfig.url = (evt.currentTarget as TextFieldElement).value;\n                  this.edit({ json: JSON.stringify(json) });\n                }}\n              >\n              </vaadin-text-field>\n\n              <div class=\"flex flex-wrap -mx-s -mb-s mt-s\">\n                <x-checkbox\n                  class=\"m-s\"\n                  ?disabled=${isDisabled}\n                  ?checked=${tosConfig.usage === 'required'}\n                  @change=${(evt: CheckboxChangeEvent) => {\n                    tosConfig.usage = evt.detail ? 'required' : 'optional';\n                    this.edit({ json: JSON.stringify(json) });\n                  }}\n                >\n                  <foxy-i18n class=\"leading-s block\" lang=${lang} key=\"require_consent\" ns=${ns}>\n                  </foxy-i18n>\n                </x-checkbox>\n\n                <x-checkbox\n                  class=\"m-s\"\n                  ?disabled=${isDisabled}\n                  ?checked=${tosConfig.initial_state === 'checked'}\n                  @change=${(evt: CheckboxChangeEvent) => {\n                    tosConfig.initial_state = evt.detail ? 'checked' : 'unchecked';\n                    this.edit({ json: JSON.stringify(json) });\n                  }}\n                >\n                  <foxy-i18n class=\"leading-s block\" lang=${lang} key=\"checked_by_default\" ns=${ns}>\n                  </foxy-i18n>\n                </x-checkbox>\n              </div>\n            </div>\n          </x-checkbox>\n\n          <div style=${dividerStyle} class=\"border-b border-contrast-10\"></div>\n\n          <x-checkbox\n            ?disabled=${isDisabled}\n            ?readonly=${isReadonly}\n            ?checked=${mailConfig.usage === 'required'}\n            class=\"m-m\"\n            @change=${(evt: CheckboxChangeEvent) => {\n              mailConfig.usage = evt.detail ? 'required' : 'none';\n              this.edit({ json: JSON.stringify(json) });\n            }}\n          >\n            <div class=\"flex flex-col\">\n              <foxy-i18n lang=${lang} key=\"newsletter_subscribe\" ns=${ns}></foxy-i18n>\n              <foxy-i18n\n                class=\"text-xs leading-s text-secondary\"\n                lang=${lang}\n                key=\"newsletter_subscribe_explainer\"\n                ns=${ns}\n              >\n              </foxy-i18n>\n            </div>\n          </x-checkbox>\n\n          <div style=${dividerStyle} class=\"border-b border-contrast-10\"></div>\n\n          <x-checkbox\n            ?disabled=${isDisabled}\n            ?readonly=${isReadonly}\n            ?checked=${sdtaConfig.usage === 'required'}\n            class=\"m-m\"\n            @change=${(evt: CheckboxChangeEvent) => {\n              sdtaConfig.usage = evt.detail ? 'required' : 'none';\n              this.edit({ json: JSON.stringify(json) });\n            }}\n          >\n            <div class=\"flex flex-col\">\n              <foxy-i18n lang=${lang} key=\"display_sdta\" ns=${ns}></foxy-i18n>\n              <foxy-i18n\n                class=\"text-xs leading-s text-secondary\"\n                lang=${lang}\n                key=\"display_sdta_explainer\"\n                ns=${ns}\n              >\n              </foxy-i18n>\n            </div>\n          </x-checkbox>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('consent:before')}\n      </div>\n    `;\n  }\n\n  private __renderFields(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const isDisabled = this.disabledSelector.matches('fields', true);\n    const config = json.custom_checkout_field_requirements;\n    const options = {\n      cart_controls: ['enabled', 'disabled'],\n      coupon_entry: ['enabled', 'disabled'],\n      billing_first_name: ['default', 'optional', 'required', 'hidden'],\n      billing_last_name: ['default', 'optional', 'required', 'hidden'],\n      billing_company: ['default', 'optional', 'required', 'hidden'],\n      billing_tax_id: ['default', 'optional', 'required', 'hidden'],\n      billing_phone: ['default', 'optional', 'required', 'hidden'],\n      billing_address1: ['default', 'optional', 'required', 'hidden'],\n      billing_address2: ['default', 'optional', 'required', 'hidden'],\n      billing_city: ['default', 'optional', 'required', 'hidden'],\n      billing_region: ['default', 'optional', 'required', 'hidden'],\n      billing_postal_code: ['default', 'optional', 'required', 'hidden'],\n      billing_country: ['default', 'optional', 'required', 'hidden'],\n    };\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('fields:before')}\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${lang} key=\"field_plural\" ns=${ns}></foxy-i18n>\n\n          <div class=\"bg-contrast-10 grid grid-cols-1 md-grid-cols-2\" style=\"gap: 1px\">\n            ${Object.entries(options).map(([property, values]) => {\n              return html`\n                <label class=\"flex items-center pl-m bg-base\">\n                  <foxy-i18n\n                    class=\"flex-1\"\n                    lang=${lang}\n                    key=${property.replace('billing_', '')}\n                    ns=${ns}\n                  >\n                  </foxy-i18n>\n\n                  <div\n                    class=${classMap({\n                      'px-s m-xs flex items-center cursor-pointer rounded leading-none': true,\n                      'ring-primary-50 ring-inset focus-within-ring-2': !isDisabled,\n                      'hover-text-primary': !isDisabled,\n                      'opacity-50': isDisabled,\n                    })}\n                  >\n                    <select\n                      class=\"h-s mr-xs text-right appearance-none bg-transparent cursor-pointer focus-outline-none font-medium\"\n                      @change=${(evt: Event) => {\n                        const select = evt.currentTarget as HTMLSelectElement;\n                        const value = select.options[select.options.selectedIndex].value;\n                        (config as Record<string, string>)[property] = value;\n                        this.edit({ json: JSON.stringify(json) });\n                      }}\n                    >\n                      ${values.map(value => {\n                        return html`\n                          <option\n                            value=${value}\n                            ?selected=${(config as Record<string, string>)[property] === value}\n                          >\n                            ${this.t(value)}\n                          </option>\n                        `;\n                      })}\n                    </select>\n\n                    <iron-icon\n                      class=\"pointer-events-none icon-inline text-xl\"\n                      icon=\"icons:expand-more\"\n                    >\n                    </iron-icon>\n                  </div>\n                </label>\n              `;\n            })}\n\n            <div class=\"bg-base hidden md-block\"></div>\n          </div>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('fields:after')}\n      </div>\n    `;\n  }\n\n  private __renderGoogleAnalytics(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const config = json.analytics_config;\n    const sioConfig = config.segment_io;\n    const gaConfig = config.google_analytics;\n    const isDisabled = this.disabledSelector.matches('google-analytics', true);\n    const isReadonly = this.readonlySelector.matches('google-analytics', true);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('google-analytics:before')}\n\n        <x-group frame>\n          <span slot=\"header\">Google Analytics</span>\n\n          <div class=\"p-m space-y-m\">\n            <vaadin-text-field\n              class=\"w-full\"\n              label=${this.t('ga_account_id')}\n              placeholder=\"UA-1234567-1\"\n              helper-text=${this.t('ga_account_id_explainer')}\n              .value=${live(gaConfig.account_id)}\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n              clear-button-visible\n              @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n              @input=${(evt: InputEvent) => {\n                gaConfig.account_id = (evt.currentTarget as TextFieldElement).value;\n                gaConfig.usage = gaConfig.account_id ? 'required' : 'none';\n                config.usage = gaConfig.account_id || sioConfig.account_id ? 'required' : 'none';\n              }}\n            >\n            </vaadin-text-field>\n\n            <x-checkbox\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n              ?checked=${gaConfig.include_on_site}\n              @change=${(evt: CheckboxChangeEvent) => {\n                gaConfig.include_on_site = evt.detail;\n                this.edit({ json: JSON.stringify(json) });\n              }}\n            >\n              <div class=\"flex flex-col\">\n                <foxy-i18n lang=${lang} key=\"ga_include_on_site\" ns=${ns}></foxy-i18n>\n                <foxy-i18n\n                  class=\"text-xs leading-s text-secondary\"\n                  lang=${lang}\n                  key=\"ga_include_on_site_explainer\"\n                  ns=${ns}\n                >\n                </foxy-i18n>\n              </div>\n            </x-checkbox>\n          </div>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('google-analytics:after')}\n      </div>\n    `;\n  }\n\n  private __renderSegmentIo(json: TemplateConfigJSON) {\n    const config = json.analytics_config;\n    const sioConfig = config.segment_io;\n    const gaConfig = config.google_analytics;\n    const isDisabled = this.disabledSelector.matches('segment-io', true);\n    const isReadonly = this.readonlySelector.matches('segment-io', true);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('segment-io:before')}\n\n        <x-group frame>\n          <span slot=\"header\">Segment.io</span>\n\n          <div class=\"p-m\">\n            <vaadin-text-field\n              class=\"w-full\"\n              label=${this.t('sio_account_id')}\n              placeholder=\"MY-WRITE-KEY\"\n              helper-text=${this.t('sio_account_id_explainer')}\n              .value=${live(sioConfig.account_id)}\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n              clear-button-visible\n              @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n              @input=${(evt: InputEvent) => {\n                sioConfig.account_id = (evt.currentTarget as TextFieldElement).value;\n                sioConfig.usage = sioConfig.account_id ? 'required' : 'none';\n                config.usage = gaConfig.account_id || sioConfig.account_id ? 'required' : 'none';\n              }}\n            >\n            </vaadin-text-field>\n          </div>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('segment-io:after')}\n      </div>\n    `;\n  }\n\n  private __renderTroubleshooting(json: TemplateConfigJSON) {\n    const { lang, ns } = this;\n    const config = json.debug;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('troubleshooting:before')}\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${lang} key=\"troubleshooting\" ns=${ns}></foxy-i18n>\n\n          <div class=\"p-m space-y-m\">\n            <x-checkbox\n              ?disabled=${this.disabledSelector.matches('troubleshooting', true)}\n              ?readonly=${this.readonlySelector.matches('troubleshooting', true)}\n              ?checked=${config.usage === 'required'}\n              @change=${(evt: CheckboxChangeEvent) => {\n                config.usage = evt.detail ? 'required' : 'none';\n                this.edit({ json: JSON.stringify(json) });\n              }}\n            >\n              <div class=\"flex flex-col\">\n                <foxy-i18n lang=${lang} key=\"troubleshooting_debug\" ns=${ns}></foxy-i18n>\n                <foxy-i18n\n                  class=\"text-xs leading-s text-secondary\"\n                  lang=${lang}\n                  key=\"troubleshooting_debug_explainer\"\n                  ns=${ns}\n                >\n                </foxy-i18n>\n              </div>\n            </x-checkbox>\n          </div>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('troubleshooting:after')}\n      </div>\n    `;\n  }\n\n  private __renderCustomConfig(json: TemplateConfigJSON) {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('custom-config:before')}\n\n        <vaadin-text-area\n          class=\"w-full\"\n          label=${this.t('custom_config')}\n          placeholder='{ \"key\": \"value\" }'\n          helper-text=${this.t('custom_config_helper_text')}\n          .value=${json.custom_config ? JSON.stringify(json.custom_config, null, 2) : ''}\n          ?disabled=${this.disabledSelector.matches('custom-config', true)}\n          ?readonly=${this.readonlySelector.matches('custom-config', true)}\n          @input=${(evt: CustomEvent) => {\n            const input = evt.currentTarget as TextAreaElement;\n\n            try {\n              json.custom_config = input.value ? JSON.parse(input.value) : '';\n              this.edit({ json: JSON.stringify(json) });\n              input.invalid = false;\n            } catch {\n              input.invalid = true;\n            }\n          }}\n        >\n        </vaadin-text-area>\n\n        ${this.renderTemplateOrSlot('custom-config: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 __renderCustomFields(json: TemplateConfigJSON) {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('custom-fields:before')}\n\n        <vaadin-text-area\n          class=\"w-full\"\n          label=${this.t('custom_fields')}\n          helper-text=${this.t('custom_fields_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 newValue = (evt.currentTarget as TextAreaElement).value;\n            json.custom_script_values.checkout_fields = newValue;\n            this.edit({ json: JSON.stringify(json) });\n          }}\n        >\n        </vaadin-text-area>\n\n        ${this.renderTemplateOrSlot('custom-fields: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;

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

@@ -0,0 +1,95 @@
+export const getDefaultJSON = () => ({
+    cart_type: 'default',
+    checkout_type: 'default_account',
+    csc_requirements: 'all_cards',
+    tos_checkbox_settings: {
+        usage: 'none',
+        initial_state: 'unchecked',
+        is_hidden: false,
+        url: '',
+    },
+    eu_secure_data_transfer_consent: {
+        usage: 'required',
+    },
+    newsletter_subscribe: {
+        usage: 'none',
+    },
+    analytics_config: {
+        usage: 'none',
+        google_analytics: {
+            usage: 'none',
+            account_id: '',
+            include_on_site: false,
+        },
+        segment_io: {
+            usage: 'none',
+            account_id: '',
+        },
+    },
+    colors: {
+        usage: 'none',
+        primary: '4D4D4D',
+        secondary: 'FFFFFF',
+        tertiary: 'FFFFFF',
+    },
+    use_checkout_confirmation_window: {
+        usage: 'none',
+    },
+    supported_payment_cards: ['visa', 'mastercard', 'discover', 'amex'],
+    custom_checkout_field_requirements: {
+        cart_controls: 'enabled',
+        coupon_entry: 'enabled',
+        billing_first_name: 'required',
+        billing_last_name: 'required',
+        billing_company: 'optional',
+        billing_tax_id: 'hidden',
+        billing_phone: 'optional',
+        billing_address1: 'required',
+        billing_address2: 'optional',
+        billing_city: 'required',
+        billing_region: 'default',
+        billing_postal_code: 'required',
+        billing_country: 'required',
+    },
+    cart_display_config: {
+        usage: 'none',
+        show_product_weight: true,
+        show_product_category: true,
+        show_product_code: true,
+        show_product_options: true,
+        show_sub_frequency: true,
+        show_sub_startdate: true,
+        show_sub_nextdate: true,
+        show_sub_enddate: true,
+        hidden_product_options: [],
+    },
+    foxycomplete: {
+        usage: 'required',
+        show_combobox: true,
+        combobox_open: '\\u25bc',
+        combobox_close: '\\u25b2',
+        show_flags: true,
+    },
+    custom_script_values: {
+        header: '',
+        footer: '',
+        checkout_fields: '',
+        multiship_checkout_fields: '',
+    },
+    http_receipt: false,
+    custom_config: '',
+    debug: {
+        usage: 'none',
+    },
+    location_filtering: {
+        usage: 'none',
+        shipping_filter_type: 'blacklist',
+        billing_filter_type: 'blacklist',
+        shipping_filter_values: {},
+        billing_filter_values: {},
+    },
+    postal_code_lookup: {
+        usage: 'enabled',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateConfigForm/defaults.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,GAAuB,EAAE,CAAC,CAAC;IACvD,SAAS,EAAE,SAAS;IACpB,aAAa,EAAE,iBAAiB;IAChC,gBAAgB,EAAE,WAAW;IAC7B,qBAAqB,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,WAAW;QAC1B,SAAS,EAAE,KAAK;QAChB,GAAG,EAAE,EAAE;KACR;IACD,+BAA+B,EAAE;QAC/B,KAAK,EAAE,UAAU;KAClB;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,MAAM;KACd;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;QACb,gBAAgB,EAAE;YAChB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,EAAE;YACd,eAAe,EAAE,KAAK;SACvB;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,EAAE;SACf;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,QAAQ;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,QAAQ;KACnB;IACD,gCAAgC,EAAE;QAChC,KAAK,EAAE,MAAM;KACd;IACD,uBAAuB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,CAAC;IACnE,kCAAkC,EAAE;QAClC,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,kBAAkB,EAAE,UAAU;QAC9B,iBAAiB,EAAE,UAAU;QAC7B,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,UAAU;QACzB,gBAAgB,EAAE,UAAU;QAC5B,gBAAgB,EAAE,UAAU;QAC5B,YAAY,EAAE,UAAU;QACxB,cAAc,EAAE,SAAS;QACzB,mBAAmB,EAAE,UAAU;QAC/B,eAAe,EAAE,UAAU;KAC5B;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM;QACb,mBAAmB,EAAE,IAAI;QACzB,qBAAqB,EAAE,IAAI;QAC3B,iBAAiB,EAAE,IAAI;QACvB,oBAAoB,EAAE,IAAI;QAC1B,kBAAkB,EAAE,IAAI;QACxB,kBAAkB,EAAE,IAAI;QACxB,iBAAiB,EAAE,IAAI;QACvB,gBAAgB,EAAE,IAAI;QACtB,sBAAsB,EAAE,EAAE;KAC3B;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,UAAU;QACjB,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,IAAI;KACjB;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,EAAE;QACnB,yBAAyB,EAAE,EAAE;KAC9B;IACD,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;KACd;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,MAAM;QACb,oBAAoB,EAAE,WAAW;QACjC,mBAAmB,EAAE,WAAW;QAChC,sBAAsB,EAAE,EAAE;QAC1B,qBAAqB,EAAE,EAAE;KAC1B;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC","sourcesContent":["import { TemplateConfigJSON } from './types';\n\nexport const getDefaultJSON = (): TemplateConfigJSON => ({\n  cart_type: 'default',\n  checkout_type: 'default_account',\n  csc_requirements: 'all_cards',\n  tos_checkbox_settings: {\n    usage: 'none',\n    initial_state: 'unchecked',\n    is_hidden: false,\n    url: '',\n  },\n  eu_secure_data_transfer_consent: {\n    usage: 'required',\n  },\n  newsletter_subscribe: {\n    usage: 'none',\n  },\n  analytics_config: {\n    usage: 'none',\n    google_analytics: {\n      usage: 'none',\n      account_id: '',\n      include_on_site: false,\n    },\n    segment_io: {\n      usage: 'none',\n      account_id: '',\n    },\n  },\n  colors: {\n    usage: 'none',\n    primary: '4D4D4D',\n    secondary: 'FFFFFF',\n    tertiary: 'FFFFFF',\n  },\n  use_checkout_confirmation_window: {\n    usage: 'none',\n  },\n  supported_payment_cards: ['visa', 'mastercard', 'discover', 'amex'],\n  custom_checkout_field_requirements: {\n    cart_controls: 'enabled',\n    coupon_entry: 'enabled',\n    billing_first_name: 'required',\n    billing_last_name: 'required',\n    billing_company: 'optional',\n    billing_tax_id: 'hidden',\n    billing_phone: 'optional',\n    billing_address1: 'required',\n    billing_address2: 'optional',\n    billing_city: 'required',\n    billing_region: 'default',\n    billing_postal_code: 'required',\n    billing_country: 'required',\n  },\n  cart_display_config: {\n    usage: 'none',\n    show_product_weight: true,\n    show_product_category: true,\n    show_product_code: true,\n    show_product_options: true,\n    show_sub_frequency: true,\n    show_sub_startdate: true,\n    show_sub_nextdate: true,\n    show_sub_enddate: true,\n    hidden_product_options: [],\n  },\n  foxycomplete: {\n    usage: 'required',\n    show_combobox: true,\n    combobox_open: '\\\\u25bc',\n    combobox_close: '\\\\u25b2',\n    show_flags: true,\n  },\n  custom_script_values: {\n    header: '',\n    footer: '',\n    checkout_fields: '',\n    multiship_checkout_fields: '',\n  },\n  http_receipt: false,\n  custom_config: '',\n  debug: {\n    usage: 'none',\n  },\n  location_filtering: {\n    usage: 'none',\n    shipping_filter_type: 'blacklist',\n    billing_filter_type: 'blacklist',\n    shipping_filter_values: {},\n    billing_filter_values: {},\n  },\n  postal_code_lookup: {\n    usage: 'enabled',\n  },\n});\n"]}

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

@@ -0,0 +1,9 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-text-field/vaadin-text-area';
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { TemplateConfigForm } from './TemplateConfigForm';
+export { TemplateConfigForm };

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

@@ -0,0 +1,11 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-text-field/vaadin-text-area';
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { TemplateConfigForm } from "./TemplateConfigForm.js";
+customElements.define('foxy-template-config-form', TemplateConfigForm);
+export { TemplateConfigForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateConfigForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,6CAA6C,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,kBAAkB,EAAE,gCAA6B;AAE1D,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,kBAAkB,CAAC,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { TemplateConfigForm } from './TemplateConfigForm';\n\ncustomElements.define('foxy-template-config-form', TemplateConfigForm);\n\nexport { TemplateConfigForm };\n"]}

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

@@ -0,0 +1,116 @@
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.TemplateConfig>;
+export declare type TemplateConfigJSON = {
+    /** Controls how your cart functions. */
+    cart_type: 'default' | 'fullpage' | 'custom';
+    /** Determines how you'd like customers to interact with your checkout regarding guest checkout or account checkout. The default value shows which option is shown first by default. */
+    checkout_type: 'default_account' | 'default_guest' | 'guest_only' | 'account_only';
+    /** Sets under what circumstances the card security code should be required. */
+    csc_requirements: 'all_cards' | 'sso_only' | 'new_cards_only';
+    /** Determines if you'd like a terms of service checkbox and url on your checkout. */
+    tos_checkbox_settings: {
+        usage: 'none' | 'required' | 'optional';
+        initial_state: 'checked' | 'unchecked';
+        is_hidden: boolean;
+        url: string;
+    };
+    /** Display a Secure Data Transfer agreement to EU customers. */
+    eu_secure_data_transfer_consent: {
+        usage: 'none' | 'required';
+    };
+    /** Display a newsletter subscribe checkbox on your checkout. */
+    newsletter_subscribe: {
+        usage: 'none' | 'required';
+    };
+    /** Determine if you'd like to use an analytics service. */
+    analytics_config: {
+        usage: 'none' | 'required';
+        google_analytics: {
+            usage: 'none' | 'required';
+            account_id: string;
+            include_on_site: boolean;
+        };
+        segment_io: {
+            usage: 'none' | 'required';
+            account_id: string;
+        };
+    };
+    /** Can be used to set some basic colors for your cart, checkout, and receipt templates. */
+    colors: {
+        usage: 'none' | 'required';
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    /** Not currently implemented. */
+    use_checkout_confirmation_window: {
+        usage: 'none' | 'required';
+    };
+    /** Add the payment card types you support and want displayed on the checkout page. */
+    supported_payment_cards: ('visa' | 'mastercard' | 'discover' | 'amex' | 'dinersclub' | 'maestro' | 'laser')[];
+    /** Customize which fields should be required, option, hidden or default on the checkout page. */
+    custom_checkout_field_requirements: {
+        cart_controls: 'enabled' | 'disabled';
+        coupon_entry: 'enabled' | 'disabled';
+        billing_first_name: 'default' | 'optional' | 'required' | 'hidden';
+        billing_last_name: 'default' | 'optional' | 'required' | 'hidden';
+        billing_company: 'default' | 'optional' | 'required' | 'hidden';
+        billing_tax_id: 'default' | 'optional' | 'required' | 'hidden';
+        billing_phone: 'default' | 'optional' | 'required' | 'hidden';
+        billing_address1: 'default' | 'optional' | 'required' | 'hidden';
+        billing_address2: 'default' | 'optional' | 'required' | 'hidden';
+        billing_city: 'default' | 'optional' | 'required' | 'hidden';
+        billing_region: 'default' | 'optional' | 'required' | 'hidden';
+        billing_postal_code: 'default' | 'optional' | 'required' | 'hidden';
+        billing_country: 'default' | 'optional' | 'required' | 'hidden';
+    };
+    /** Customize which fields in the cart are shown or hidden. */
+    cart_display_config: {
+        usage: 'none' | 'required';
+        show_product_weight: boolean;
+        show_product_category: boolean;
+        show_product_code: boolean;
+        show_product_options: boolean;
+        show_sub_frequency: boolean;
+        show_sub_startdate: boolean;
+        show_sub_nextdate: boolean;
+        show_sub_enddate: boolean;
+        hidden_product_options: string[];
+    };
+    /** Allows you to customize and control the functionality of our find-as-you type system from countries and regions. */
+    foxycomplete: {
+        usage: 'none' | 'required';
+        show_combobox: boolean;
+        show_flags: boolean;
+        combobox_open: string;
+        combobox_close: string;
+    };
+    /** Custom HTML, css, and JavaScript for your cart, checkout and receipt templates. Twig is not allowed in the header template. */
+    custom_script_values: {
+        header: string;
+        footer: string;
+        checkout_fields: string;
+        multiship_checkout_fields: string;
+    };
+    /** @deprecated */
+    http_receipt: boolean;
+    /** A place where you can store your own custom JSON configuration data to be used by your Twig templates. */
+    custom_config: any;
+    /** Log debug info to browser console. */
+    debug: {
+        usage: 'none' | 'required';
+    };
+    /** This controls which countries and regions you want to allow on your cart and checkout pages. */
+    location_filtering: {
+        usage: 'none' | 'shipping' | 'billing' | 'both' | 'independent';
+        shipping_filter_type: 'blacklist' | 'whitelist';
+        billing_filter_type: 'blacklist' | 'whitelist';
+        shipping_filter_values: Record<string, '*' | string[]>;
+        billing_filter_values: Record<string, '*' | string[]>;
+    };
+    /** Enable postal code lookup on checkout. */
+    postal_code_lookup: {
+        usage: 'none' | 'enabled';
+    };
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateConfigForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.TemplateConfig>;\n\nexport type TemplateConfigJSON = {\n  /** Controls how your cart functions. */\n  cart_type: 'default' | 'fullpage' | 'custom';\n\n  /** Determines how you'd like customers to interact with your checkout regarding guest checkout or account checkout. The default value shows which option is shown first by default. */\n  checkout_type: 'default_account' | 'default_guest' | 'guest_only' | 'account_only';\n\n  /** Sets under what circumstances the card security code should be required. */\n  csc_requirements: 'all_cards' | 'sso_only' | 'new_cards_only';\n\n  /** Determines if you'd like a terms of service checkbox and url on your checkout. */\n  tos_checkbox_settings: {\n    usage: 'none' | 'required' | 'optional';\n    initial_state: 'checked' | 'unchecked';\n    is_hidden: boolean;\n    url: string;\n  };\n\n  /** Display a Secure Data Transfer agreement to EU customers. */\n  eu_secure_data_transfer_consent: {\n    usage: 'none' | 'required';\n  };\n\n  /** Display a newsletter subscribe checkbox on your checkout. */\n  newsletter_subscribe: {\n    usage: 'none' | 'required';\n  };\n\n  /** Determine if you'd like to use an analytics service. */\n  analytics_config: {\n    usage: 'none' | 'required';\n    google_analytics: {\n      usage: 'none' | 'required';\n      account_id: string;\n      include_on_site: boolean;\n    };\n    segment_io: {\n      usage: 'none' | 'required';\n      account_id: string;\n    };\n  };\n\n  /** Can be used to set some basic colors for your cart, checkout, and receipt templates. */\n  colors: {\n    usage: 'none' | 'required';\n    primary: string;\n    secondary: string;\n    tertiary: string;\n  };\n\n  /** Not currently implemented. */\n  use_checkout_confirmation_window: {\n    usage: 'none' | 'required';\n  };\n\n  /** Add the payment card types you support and want displayed on the checkout page. */\n  supported_payment_cards: (\n    | 'visa'\n    | 'mastercard'\n    | 'discover'\n    | 'amex'\n    | 'dinersclub'\n    | 'maestro'\n    | 'laser'\n  )[];\n\n  /** Customize which fields should be required, option, hidden or default on the checkout page. */\n  custom_checkout_field_requirements: {\n    cart_controls: 'enabled' | 'disabled';\n    coupon_entry: 'enabled' | 'disabled';\n    billing_first_name: 'default' | 'optional' | 'required' | 'hidden';\n    billing_last_name: 'default' | 'optional' | 'required' | 'hidden';\n    billing_company: 'default' | 'optional' | 'required' | 'hidden';\n    billing_tax_id: 'default' | 'optional' | 'required' | 'hidden';\n    billing_phone: 'default' | 'optional' | 'required' | 'hidden';\n    billing_address1: 'default' | 'optional' | 'required' | 'hidden';\n    billing_address2: 'default' | 'optional' | 'required' | 'hidden';\n    billing_city: 'default' | 'optional' | 'required' | 'hidden';\n    billing_region: 'default' | 'optional' | 'required' | 'hidden';\n    billing_postal_code: 'default' | 'optional' | 'required' | 'hidden';\n    billing_country: 'default' | 'optional' | 'required' | 'hidden';\n  };\n\n  /** Customize which fields in the cart are shown or hidden. */\n  cart_display_config: {\n    usage: 'none' | 'required';\n    show_product_weight: boolean;\n    show_product_category: boolean;\n    show_product_code: boolean;\n    show_product_options: boolean;\n    show_sub_frequency: boolean;\n    show_sub_startdate: boolean;\n    show_sub_nextdate: boolean;\n    show_sub_enddate: boolean;\n    hidden_product_options: string[];\n  };\n\n  /** Allows you to customize and control the functionality of our find-as-you type system from countries and regions. */\n  foxycomplete: {\n    usage: 'none' | 'required';\n    show_combobox: boolean;\n    show_flags: boolean;\n    combobox_open: string;\n    combobox_close: string;\n  };\n\n  /** Custom HTML, css, and JavaScript for your cart, checkout and receipt templates. Twig is not allowed in the header template. */\n  custom_script_values: {\n    header: string;\n    footer: string;\n    checkout_fields: string;\n    multiship_checkout_fields: string;\n  };\n\n  /** @deprecated */\n  http_receipt: boolean;\n\n  /** A place where you can store your own custom JSON configuration data to be used by your Twig templates. */\n  custom_config: any;\n\n  /** Log debug info to browser console. */\n  debug: {\n    usage: 'none' | 'required';\n  };\n\n  /** This controls which countries and regions you want to allow on your cart and checkout pages. */\n  location_filtering: {\n    usage: 'none' | 'shipping' | 'billing' | 'both' | 'independent';\n    shipping_filter_type: 'blacklist' | 'whitelist';\n    billing_filter_type: 'blacklist' | 'whitelist';\n    shipping_filter_values: Record<string, '*' | string[]>;\n    billing_filter_values: Record<string, '*' | string[]>;\n  };\n\n  /** Enable postal code lookup on checkout. */\n  postal_code_lookup: {\n    usage: 'none' | 'enabled';\n  };\n};\n"]}

package/dist/elements/public/TemplateForm/TemplateForm.js

@@ -128,7 +128,7 @@ export class TemplateForm extends Base {
           >
             ${['default', 'url', 'clipboard'].map(value => {
             return html `
-                <div slot="${value}-label" class="py-s">
+                <div slot="${value}-label" class="py-s leading-s">
                   <foxy-i18n class="block" lang=${this.lang} key="template_${value}" ns=${this.ns}>
                   </foxy-i18n>
 

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateForm/TemplateForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, PropertyDeclarations, TemplateResult, css, html } from 'lit-element';\nimport { Choice, Group, PropertyTable } from '../../private/index';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { ChoiceChangeEvent } from '../../private/events';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { TextAreaElement } from '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'template-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\nexport class TemplateForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __cacheState: { attribute: false },\n      __contentChoice: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        #cached-content::part(input-field) {\n          max-height: 15em;\n        }\n      `,\n    ];\n  }\n\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      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-property-table': PropertyTable,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  private __cacheState: 'idle' | 'busy' | 'fail' = 'idle';\n\n  private __contentChoice: 'default' | 'url' | 'clipboard' = 'default';\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      <div class=\"space-y-m\">\n        ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}\n        ${hiddenSelector.matches('content', true) ? '' : this.__renderContent()}\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  private __renderDescription() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('description:before')}\n\n        <vaadin-text-field\n          class=\"w-full mb-s\"\n          label=${this.t('description')}\n          .value=${this.form?.description ?? ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            this.edit({ description: (evt.currentTarget as TextFieldElement).value });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderContent() {\n    const contentChoice = this.form.content_url\n      ? 'url'\n      : this.form.content\n      ? 'clipboard'\n      : this.__contentChoice;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('content:before')}\n\n        <x-group frame>\n          <foxy-i18n lang=${this.lang} slot=\"header\" key=\"template\" ns=${this.ns}></foxy-i18n>\n\n          <x-choice\n            data-testid=\"template-type\"\n            .value=${contentChoice}\n            .items=${['default', 'url', 'clipboard']}\n            ?readonly=${this.readonlySelector.matches('content', true)}\n            ?disabled=${this.in('busy') || this.disabledSelector.matches('content', true)}\n            @change=${(evt: Event) => {\n              if (evt instanceof ChoiceChangeEvent) {\n                this.edit({ content: '', content_url: '' });\n                this.__contentChoice = evt.detail as 'url' | 'clipboard' | 'default';\n              }\n            }}\n          >\n            ${['default', 'url', 'clipboard'].map(value => {\n              return html`\n                <div slot=\"${value}-label\" class=\"py-s\">\n                  <foxy-i18n class=\"block\" lang=${this.lang} key=\"template_${value}\" ns=${this.ns}>\n                  </foxy-i18n>\n\n                  <foxy-i18n\n                    class=\"block text-s opacity-70\"\n                    lang=${this.lang}\n                    key=\"template_${value}_explainer\"\n                    ns=${this.ns}\n                  >\n                  </foxy-i18n>\n                </div>\n              `;\n            })}\n\n            <div slot=\"url\" ?hidden=${contentChoice !== 'url'}>\n              <div class=\"flex items-center mt-0 mb-m\">\n                <vaadin-text-field\n                  data-testid=\"content_url\"\n                  value=${ifDefined(this.form.content_url)}\n                  class=\"mr-s flex-grow\"\n                  @input=${(evt: CustomEvent) => {\n                    const value = (evt.currentTarget as TextFieldElement).value;\n                    this.edit({ content: '', content_url: value });\n                  }}\n                >\n                </vaadin-text-field>\n\n                ${this.form.content_url === this.data?.content_url\n                  ? html`\n                      <vaadin-button\n                        class=\"relative\"\n                        ?disabled=${this.__cacheState === 'busy'}\n                        @click=${this.__cache}\n                      >\n                        <foxy-i18n\n                          class=${classMap({\n                            'relative transition-opacity': true,\n                            'opacity-0': this.__cacheState !== 'idle',\n                          })}\n                          lang=${this.lang}\n                          key=\"cache\"\n                          ns=${this.ns}\n                        >\n                        </foxy-i18n>\n\n                        <div\n                          class=${classMap({\n                            'absolute inset-0 flex transition-opacity': true,\n                            'opacity-0': this.__cacheState === 'idle',\n                          })}\n                        >\n                          <foxy-spinner\n                            layout=\"no-label\"\n                            class=\"m-auto\"\n                            state=${this.__cacheState === 'fail' ? 'error' : 'busy'}\n                            lang=${this.lang}\n                            ns=${this.ns}\n                          >\n                          </foxy-spinner>\n                        </div>\n                      </vaadin-button>\n                    `\n                  : ''}\n              </div>\n            </div>\n\n            <div slot=\"clipboard\" ?hidden=${contentChoice !== 'clipboard'}>\n              <vaadin-text-area\n                id=\"cached-content\"\n                data-testid=\"content\"\n                class=\"w-full mb-m\"\n                .value=${this.form.content}\n                @input=${(evt: CustomEvent) => {\n                  const value = (evt.currentTarget as TextAreaElement).value;\n                  this.edit({ content: value, content_url: '' });\n                }}\n              >\n              </vaadin-text-area>\n            </div>\n          </x-choice>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('content: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        <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        <vaadin-button\n          class=\"w-full\"\n          theme=${this.in('idle') ? `primary ${href ? 'error' : '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  private async __cache(): Promise<void> {\n    this.__cacheState = 'busy';\n\n    try {\n      const url = this.data?._links['fx:cache'].href ?? '';\n      const response = await new TemplateForm.API(this).fetch(url, { method: 'POST' });\n\n      this.__cacheState = response.ok ? 'idle' : 'fail';\n    } catch {\n      this.__cacheState = 'fail';\n    }\n  }\n}\n"]}
+{"version":3,"file":"TemplateForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateForm/TemplateForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, PropertyDeclarations, TemplateResult, css, html } from 'lit-element';\nimport { Choice, Group, PropertyTable } from '../../private/index';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { ChoiceChangeEvent } from '../../private/events';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { TextAreaElement } from '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'template-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\nexport class TemplateForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __cacheState: { attribute: false },\n      __contentChoice: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        #cached-content::part(input-field) {\n          max-height: 15em;\n        }\n      `,\n    ];\n  }\n\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      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-property-table': PropertyTable,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  private __cacheState: 'idle' | 'busy' | 'fail' = 'idle';\n\n  private __contentChoice: 'default' | 'url' | 'clipboard' = 'default';\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      <div class=\"space-y-m\">\n        ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}\n        ${hiddenSelector.matches('content', true) ? '' : this.__renderContent()}\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  private __renderDescription() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('description:before')}\n\n        <vaadin-text-field\n          class=\"w-full mb-s\"\n          label=${this.t('description')}\n          .value=${this.form?.description ?? ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            this.edit({ description: (evt.currentTarget as TextFieldElement).value });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderContent() {\n    const contentChoice = this.form.content_url\n      ? 'url'\n      : this.form.content\n      ? 'clipboard'\n      : this.__contentChoice;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('content:before')}\n\n        <x-group frame>\n          <foxy-i18n lang=${this.lang} slot=\"header\" key=\"template\" ns=${this.ns}></foxy-i18n>\n\n          <x-choice\n            data-testid=\"template-type\"\n            .value=${contentChoice}\n            .items=${['default', 'url', 'clipboard']}\n            ?readonly=${this.readonlySelector.matches('content', true)}\n            ?disabled=${this.in('busy') || this.disabledSelector.matches('content', true)}\n            @change=${(evt: Event) => {\n              if (evt instanceof ChoiceChangeEvent) {\n                this.edit({ content: '', content_url: '' });\n                this.__contentChoice = evt.detail as 'url' | 'clipboard' | 'default';\n              }\n            }}\n          >\n            ${['default', 'url', 'clipboard'].map(value => {\n              return html`\n                <div slot=\"${value}-label\" class=\"py-s leading-s\">\n                  <foxy-i18n class=\"block\" lang=${this.lang} key=\"template_${value}\" ns=${this.ns}>\n                  </foxy-i18n>\n\n                  <foxy-i18n\n                    class=\"block text-s opacity-70\"\n                    lang=${this.lang}\n                    key=\"template_${value}_explainer\"\n                    ns=${this.ns}\n                  >\n                  </foxy-i18n>\n                </div>\n              `;\n            })}\n\n            <div slot=\"url\" ?hidden=${contentChoice !== 'url'}>\n              <div class=\"flex items-center mt-0 mb-m\">\n                <vaadin-text-field\n                  data-testid=\"content_url\"\n                  value=${ifDefined(this.form.content_url)}\n                  class=\"mr-s flex-grow\"\n                  @input=${(evt: CustomEvent) => {\n                    const value = (evt.currentTarget as TextFieldElement).value;\n                    this.edit({ content: '', content_url: value });\n                  }}\n                >\n                </vaadin-text-field>\n\n                ${this.form.content_url === this.data?.content_url\n                  ? html`\n                      <vaadin-button\n                        class=\"relative\"\n                        ?disabled=${this.__cacheState === 'busy'}\n                        @click=${this.__cache}\n                      >\n                        <foxy-i18n\n                          class=${classMap({\n                            'relative transition-opacity': true,\n                            'opacity-0': this.__cacheState !== 'idle',\n                          })}\n                          lang=${this.lang}\n                          key=\"cache\"\n                          ns=${this.ns}\n                        >\n                        </foxy-i18n>\n\n                        <div\n                          class=${classMap({\n                            'absolute inset-0 flex transition-opacity': true,\n                            'opacity-0': this.__cacheState === 'idle',\n                          })}\n                        >\n                          <foxy-spinner\n                            layout=\"no-label\"\n                            class=\"m-auto\"\n                            state=${this.__cacheState === 'fail' ? 'error' : 'busy'}\n                            lang=${this.lang}\n                            ns=${this.ns}\n                          >\n                          </foxy-spinner>\n                        </div>\n                      </vaadin-button>\n                    `\n                  : ''}\n              </div>\n            </div>\n\n            <div slot=\"clipboard\" ?hidden=${contentChoice !== 'clipboard'}>\n              <vaadin-text-area\n                id=\"cached-content\"\n                data-testid=\"content\"\n                class=\"w-full mb-m\"\n                .value=${this.form.content}\n                @input=${(evt: CustomEvent) => {\n                  const value = (evt.currentTarget as TextAreaElement).value;\n                  this.edit({ content: value, content_url: '' });\n                }}\n              >\n              </vaadin-text-area>\n            </div>\n          </x-choice>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('content: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        <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        <vaadin-button\n          class=\"w-full\"\n          theme=${this.in('idle') ? `primary ${href ? 'error' : '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  private async __cache(): Promise<void> {\n    this.__cacheState = 'busy';\n\n    try {\n      const url = this.data?._links['fx:cache'].href ?? '';\n      const response = await new TemplateForm.API(this).fetch(url, { method: 'POST' });\n\n      this.__cacheState = response.ok ? 'idle' : 'fail';\n    } catch {\n      this.__cacheState = 'fail';\n    }\n  }\n}\n"]}

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

@@ -36,6 +36,7 @@ export { Table } from './Table/Table';
 export { TaxCard } from './TaxCard/TaxCard';
 export { TaxForm } from './TaxForm/TaxForm';
 export { TemplateForm } from './TemplateForm/TemplateForm';
+export { TemplateConfigForm } from './TemplateConfigForm/TemplateConfigForm';
 export { TransactionCard } from './TransactionCard/TransactionCard';
 export { TransactionsTable } from './TransactionsTable/TransactionsTable';
 export { UserForm } from './UserForm/UserForm';

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

@@ -35,6 +35,7 @@ export { SubscriptionsTable } from './SubscriptionsTable/index';
 export { Table } from './Table/index';
 export { TaxCard } from './TaxCard/index';
 export { TaxForm } from './TaxForm/index';
+export { TemplateConfigForm } from './TemplateConfigForm/index';
 export { TemplateForm } from './TemplateForm/index';
 export { TransactionCard } from './TransactionCard/index';
 export { TransactionsTable } from './TransactionsTable/index';

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

@@ -35,6 +35,7 @@ export { SubscriptionsTable } from "./SubscriptionsTable/index.js";
 export { Table } from "./Table/index.js";
 export { TaxCard } from "./TaxCard/index.js";
 export { TaxForm } from "./TaxForm/index.js";
+export { TemplateConfigForm } from "./TemplateConfigForm/index.js";
 export { TemplateForm } from "./TemplateForm/index.js";
 export { TransactionCard } from "./TransactionCard/index.js";
 export { TransactionsTable } from "./TransactionsTable/index.js";