@foxy.io/elements 1.32.0-beta.7 → 1.33.0-beta.1

package/dist/elements/public/EmailTemplateForm/EmailTemplateForm.js

@@ -1,15 +1,10 @@
-import { Choice, Group, Metadata } from "../../private/index.js";
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { ChoiceChangeEvent } from "../../private/events.js";
-import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-import { ThemeableMixin } from "../../../mixins/themeable.js";
-import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { classMap } from "../../../utils/class-map.js";
 import { html } from 'lit-element';
 const NS = 'email-template-form';
-const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS))));
+const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing email templates (`fx:email_template`).
  *
@@ -20,355 +15,127 @@ export class EmailTemplateForm extends Base {
     constructor() {
         super(...arguments);
         this.__templateLanguageOptions = [
-            { label: 'Nunjucks', value: 'nunjucks' },
-            { label: 'Handlebars', value: 'handlebars' },
-            { label: 'Pug', value: 'pug' },
-            { label: 'Twig', value: 'twig' },
-            { label: 'EJS', value: 'ejs' },
+            { rawLabel: 'Nunjucks', value: 'nunjucks' },
+            { rawLabel: 'Handlebars', value: 'handlebars' },
+            { rawLabel: 'Pug', value: 'pug' },
+            { rawLabel: 'Twig', value: 'twig' },
+            { rawLabel: 'EJS', value: 'ejs' },
         ];
-        this.__textContentChoice = 'default';
-        this.__htmlContentChoice = 'default';
-        this.__cacheState = 'idle';
-    }
-    static get properties() {
-        return {
-            ...super.properties,
-            __cacheState: { attribute: false },
-            __contentChoice: { attribute: false },
+        this.__toggleGetValue = () => !!this.form.subject;
+        this.__toggleSetValue = (newValue) => {
+            this.edit({ subject: newValue ? this.t('general.subject.default_value') : '' });
         };
     }
-    static get scopedElements() {
-        return {
-            'foxy-internal-select-control': customElements.get('foxy-internal-select-control'),
-            'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
-            'foxy-internal-source-control': customElements.get('foxy-internal-source-control'),
-            'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),
-            'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
-            'foxy-spinner': customElements.get('foxy-spinner'),
-            'foxy-i18n': customElements.get('foxy-i18n'),
-            'vaadin-text-field': customElements.get('vaadin-text-field'),
-            'vaadin-button': customElements.get('vaadin-button'),
-            'x-metadata': Metadata,
-            'x-choice': Choice,
-            'x-group': Group,
-        };
+    get readonlySelector() {
+        const alwaysMatch = [super.readonlySelector.toString()];
+        const subject = this.form.subject;
+        if (this.form.content_html_url && subject)
+            alwaysMatch.unshift('content-html');
+        if (this.form.content_text_url && subject)
+            alwaysMatch.unshift('content-text');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
+    get disabledSelector() {
+        const alwaysMatch = [super.disabledSelector.toString()];
+        if (!this.in({ idle: { snapshot: 'clean' } }) ||
+            !this.data.content_html_url ||
+            !this.data.content_text_url) {
+            alwaysMatch.unshift('html-source:cache', 'text-source:cache');
+        }
+        if (!this.form.subject) {
+            alwaysMatch.unshift('general:template-language', 'html-source', 'text-source', 'content-html', 'content-text');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    render() {
+    get hiddenSelector() {
         var _a, _b, _c;
-        const { hiddenSelector, href, lang, ns } = this;
-        const action = href ? 'delete' : 'create';
-        const isBusy = this.in('busy');
-        const isFail = this.in('fail');
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.content_html_url))
+            alwaysMatch.unshift('html-source:cache');
+        if (!((_b = this.data) === null || _b === void 0 ? void 0 : _b.content_text_url))
+            alwaysMatch.unshift('text-source:cache');
+        if (!((_c = this.data) === null || _c === void 0 ? void 0 : _c.subject) && !this.form.subject) {
+            alwaysMatch.unshift('general:template-language', 'general:subject', 'html-source', 'text-source', 'content-html', 'content-text');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
+    renderBody() {
+        var _a, _b;
         return html `
-      <div class="space-y-m">
-        ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}
+      ${this.renderHeader()}
 
-        <foxy-internal-text-control infer="subject"></foxy-internal-text-control>
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control layout="summary-item" infer="description">
+        </foxy-internal-text-control>
 
-        ${((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) === 'Email Receipt Template'
-            ? ''
-            : html `
-              <foxy-internal-select-control
-                infer="template-language"
-                .options=${this.__templateLanguageOptions}
-              >
-              </foxy-internal-select-control>
-            `}
+        <foxy-internal-switch-control
+          infer="toggle"
+          .getValue=${this.__toggleGetValue}
+          .setValue=${this.__toggleSetValue}
+        >
+        </foxy-internal-switch-control>
+
+        <foxy-internal-text-control layout="summary-item" infer="subject">
+        </foxy-internal-text-control>
+
+        <foxy-internal-select-control
+          layout="summary-item"
+          infer="template-language"
+          .options=${this.__templateLanguageOptions}
+        >
+        </foxy-internal-select-control>
+      </foxy-internal-summary-control>
 
-        <!-- -->
+      ${this.renderTemplateOrSlot()}
 
-        ${hiddenSelector.matches('content', true) ? '' : this.__renderContent()}
-        ${hiddenSelector.matches('timestamps', true) || !href ? '' : this.__renderTimestamps()}
-        ${hiddenSelector.matches(action) ? '' : this.__renderAction(action)}
+      <foxy-internal-source-control infer="content-html"></foxy-internal-source-control>
 
-        <div
-          data-testid="spinner"
-          class=${classMap({
-            'transition duration-500 ease-in-out absolute inset-0 flex': true,
-            'opacity-0 pointer-events-none': !isBusy && !isFail,
-        })}
+      <foxy-internal-summary-control infer="html-source">
+        <foxy-internal-text-control layout="summary-item" infer="content-html-url">
+        </foxy-internal-text-control>
+        <foxy-internal-email-template-form-async-action
+          theme="tertiary-inline"
+          infer="cache"
+          href=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:cache'].href)}
         >
-          <foxy-spinner
-            layout="vertical"
-            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
-            state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}
-            lang=${lang}
-            ns="${ns} ${(_c = (_b = customElements.get('foxy-spinner')) === null || _b === void 0 ? void 0 : _b.defaultNS) !== null && _c !== void 0 ? _c : ''}"
-          >
-          </foxy-spinner>
-        </div>
-      </div>
+        </foxy-internal-email-template-form-async-action>
+      </foxy-internal-summary-control>
+
+      <foxy-internal-source-control infer="content-text"></foxy-internal-source-control>
+
+      <foxy-internal-summary-control infer="text-source">
+        <foxy-internal-text-control layout="summary-item" infer="content-text-url">
+        </foxy-internal-text-control>
+        <foxy-internal-email-template-form-async-action
+          theme="tertiary-inline"
+          infer="cache"
+          href=${ifDefined((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:cache'].href)}
+        >
+        </foxy-internal-email-template-form-async-action>
+      </foxy-internal-summary-control>
+
+      ${super.renderBody()}
     `;
     }
     async _sendPost(edits) {
         const data = await super._sendPost(edits);
-        if (!data.content_html_url && !data.content_text_url)
-            return data;
-        this.__cacheState = 'busy';
-        const url = data._links['fx:cache'].href;
-        const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });
-        this.__cacheState = response.ok ? 'idle' : 'fail';
+        if (edits.content_html_url && edits.content_text_url) {
+            const url = data._links['fx:cache'].href;
+            const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });
+            if (!response.ok)
+                throw ['error:failed_to_cache'];
+        }
         return await this._fetch(data._links.self.href);
     }
     async _sendPatch(edits) {
         const data = await super._sendPatch(edits);
-        if (!data.content_html_url && !data.content_text_url)
+        if (!edits.content_html_url && !edits.content_text_url)
             return data;
-        this.__cacheState = 'busy';
         const url = data._links['fx:cache'].href;
         const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });
-        this.__cacheState = response.ok ? 'idle' : 'fail';
+        if (!response.ok)
+            throw ['error:failed_to_cache'];
         return await this._fetch(data._links.self.href);
     }
-    __renderDescription() {
-        var _a, _b;
-        const scope = 'description';
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot(`${scope}:before`)}
-
-        <vaadin-text-field
-          data-testid=${scope}
-          class="w-full mb-s"
-          label=${this.t(scope)}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches(scope)}
-          ?readonly=${this.readonlySelector.matches(scope)}
-          .value=${(_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.description) !== null && _b !== void 0 ? _b : ''}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @input=${(evt) => {
-            this.edit({ description: evt.currentTarget.value });
-        }}
-        >
-        </vaadin-text-field>
-
-        ${this.renderTemplateOrSlot(`${scope}:after`)}
-      </div>
-    `;
-    }
-    __renderContent() {
-        const variants = ['text', 'html'];
-        return html `
-      <div data-testid="content">
-        <div class="space-y-l">${variants.map(v => this.__renderContentVariant(v))}</div>
-      </div>
-    `;
-    }
-    __renderContentVariant(variant) {
-        var _a, _b;
-        const urlPath = variant === 'text' ? 'content_text_url' : 'content_html_url';
-        const textPath = variant === 'text' ? 'content_text' : 'content_html';
-        const header = variant === 'text' ? 'text_template' : 'html_template';
-        const urlValue = this.form[urlPath];
-        const textValue = this.form[textPath];
-        const contentChoiceKey = variant === 'text' ? '__textContentChoice' : '__htmlContentChoice';
-        const contentChoice = urlValue ? 'url' : textValue ? 'clipboard' : this[contentChoiceKey];
-        const isDisabled = !this.in('idle') || this.disabledSelector.matches('content', true);
-        const isReadonly = this.readonlySelector.matches('content', true);
-        const isSyncProhibited = isReadonly || !((_a = this.data) === null || _a === void 0 ? void 0 : _a[urlPath]) || urlValue !== this.data[urlPath];
-        return html `
-      <x-group frame>
-        <foxy-i18n
-          class=${classMap({ 'transition-colors': true, 'text-disabled': isDisabled })}
-          lang=${this.lang}
-          slot="header"
-          key=${header}
-          ns=${this.ns}
-        >
-        </foxy-i18n>
-
-        <x-choice
-          data-testid="${textPath.replace('_', '-')}-type"
-          .value=${contentChoice}
-          .items=${['default', 'url', 'clipboard']}
-          ?readonly=${isReadonly}
-          ?disabled=${isDisabled}
-          @change=${(evt) => {
-            if (evt instanceof ChoiceChangeEvent) {
-                this.edit({ [textPath]: '', [urlPath]: '' });
-                this[contentChoiceKey] = evt.detail;
-            }
-        }}
-        >
-          ${['default', 'url', 'clipboard'].map(value => {
-            return html `
-              <div slot="${value}-label" class="py-s leading-s">
-                <foxy-i18n class="block" lang=${this.lang} key="template_${value}" ns=${this.ns}>
-                </foxy-i18n>
-              </div>
-            `;
-        })}
-
-          <div
-            style="--lumo-border-radius: var(--lumo-border-radius-s)"
-            class="mb-m"
-            slot="url"
-            ?hidden=${contentChoice !== 'url'}
-          >
-            <div class="flex items-end mt-0">
-              <vaadin-text-field
-                data-testid="${textPath.replace('_', '-')}-url"
-                placeholder="https://example.com/my-template"
-                label=${this.t('url')}
-                class="flex-1 min-w-0"
-                value=${ifDefined(this.form[urlPath])}
-                ?readonly=${isReadonly}
-                ?disabled=${isDisabled}
-                @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-                @input=${(evt) => {
-            const value = evt.currentTarget.value;
-            this.edit({ [textPath]: '', [urlPath]: value });
-        }}
-              >
-              </vaadin-text-field>
-
-              <vaadin-button
-                data-testid="${textPath.replace('_', '-')}-cache"
-                class="relative flex-shrink-0 ml-s"
-                ?disabled=${isDisabled || this.__cacheState === 'busy'}
-                ?hidden=${isSyncProhibited}
-                @click=${this.__cache}
-              >
-                <foxy-i18n
-                  class=${classMap({
-            'relative transition-opacity': true,
-            'opacity-0': this.__cacheState !== 'idle',
-        })}
-                  lang=${this.lang}
-                  key="cache"
-                  ns=${this.ns}
-                >
-                </foxy-i18n>
-
-                <div
-                  class=${classMap({
-            'absolute inset-0 flex transition-opacity': true,
-            'opacity-0': this.__cacheState === 'idle',
-        })}
-                >
-                  <foxy-spinner
-                    layout="no-label"
-                    class="m-auto"
-                    state=${this.__cacheState === 'fail' ? 'error' : 'busy'}
-                    lang=${this.lang}
-                    ns=${this.ns}
-                  >
-                  </foxy-spinner>
-                </div>
-              </vaadin-button>
-            </div>
-
-            <foxy-internal-source-control
-              placeholder=${this.t('url_source_placeholder')}
-              helper-text=""
-              property=${textPath}
-              label=${this.t('url_source_label')}
-              infer="content"
-              class="mt-m${((_b = this.data) === null || _b === void 0 ? void 0 : _b[textPath]) ? '' : ' hidden'}"
-              style="--lumo-border-radius: var(--lumo-border-radius-s)"
-            >
-            </foxy-internal-source-control>
-          </div>
-
-          <foxy-internal-source-control
-            placeholder=${this.t('clipboard_source_placeholder')}
-            helper-text=""
-            property=${textPath}
-            label=${this.t('clipboard_source_label')}
-            infer="content"
-            class="mb-m${contentChoice === 'clipboard' ? '' : ' hidden'}"
-            style="--lumo-border-radius: var(--lumo-border-radius-s)"
-            slot="clipboard"
-          >
-          </foxy-internal-source-control>
-        </x-choice>
-      </x-group>
-    `;
-    }
-    __renderTimestamps() {
-        const scope = 'timestamps';
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot(`${scope}:before`)}
-
-        <x-metadata
-          data-testid="timestamps"
-          .items=${['date_modified', 'date_created'].map(field => {
-            var _a;
-            return ({
-                name: this.t(field),
-                value: ((_a = this.data) === null || _a === void 0 ? void 0 : _a[field]) ? this.t('date', { value: new Date(this.data[field]) })
-                    : '',
-            });
-        })}
-        >
-        </x-metadata>
-
-        ${this.renderTemplateOrSlot(`${scope}:after`)}
-      </div>
-    `;
-    }
-    __renderAction(action) {
-        const { disabledSelector, href, lang, ns } = this;
-        const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });
-        const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });
-        const isDisabled = !this.in('idle') || disabledSelector.matches(action, true);
-        const isValid = isTemplateValid || isSnapshotValid;
-        const handleClick = (evt) => {
-            if (action === 'delete') {
-                const confirm = this.renderRoot.querySelector('#confirm');
-                confirm.show(evt.currentTarget);
-            }
-            else {
-                this.submit();
-            }
-        };
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot(`${action}:before`)}
-
-        <foxy-internal-confirm-dialog
-          message="delete_prompt"
-          confirm="delete"
-          cancel="cancel"
-          header="delete"
-          theme="primary error"
-          lang=${lang}
-          ns=${ns}
-          id="confirm"
-          data-testid="confirm"
-          @hide=${(evt) => {
-            if (!evt.detail.cancelled)
-                this.delete();
-        }}
-        >
-        </foxy-internal-confirm-dialog>
-
-        <vaadin-button
-          class="w-full"
-          theme=${this.in('idle') ? (href ? 'error' : 'primary success') : ''}
-          data-testid=${action}
-          ?disabled=${(this.in({ idle: 'template' }) && !isValid) || isDisabled}
-          @click=${handleClick}
-        >
-          <foxy-i18n ns=${ns} key=${action} lang=${lang}></foxy-i18n>
-        </vaadin-button>
-
-        ${this.renderTemplateOrSlot(`${action}:after`)}
-      </div>
-    `;
-    }
-    async __cache() {
-        var _a, _b;
-        this.__cacheState = 'busy';
-        try {
-            const url = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:cache'].href) !== null && _b !== void 0 ? _b : '';
-            const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });
-            this.__cacheState = response.ok ? 'idle' : 'fail';
-            this.refresh();
-        }
-        catch (_c) {
-            this.__cacheState = 'fail';
-        }
-    }
 }
 //# sourceMappingURL=EmailTemplateForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateForm.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/EmailTemplateForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport type { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport type { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport type { Data } from './types';\n\nimport { Choice, Group, Metadata } from '../../private/index';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ChoiceChangeEvent } from '../../private/events';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nconst NS = 'email-template-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for creating or editing email templates (`fx:email_template`).\n *\n * @element foxy-email-template-form\n * @since 1.14.0\n */\nexport class EmailTemplateForm 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 scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-select-control': customElements.get('foxy-internal-select-control'),\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-source-control': customElements.get('foxy-internal-source-control'),\n      'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),\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-button': customElements.get('vaadin-button'),\n      'x-metadata': Metadata,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  private __templateLanguageOptions = [\n    { label: 'Nunjucks', value: 'nunjucks' },\n    { label: 'Handlebars', value: 'handlebars' },\n    { label: 'Pug', value: 'pug' },\n    { label: 'Twig', value: 'twig' },\n    { label: 'EJS', value: 'ejs' },\n  ];\n\n  private __textContentChoice: 'default' | 'url' | 'clipboard' = 'default';\n\n  private __htmlContentChoice: 'default' | 'url' | 'clipboard' = 'default';\n\n  private __cacheState: 'idle' | 'busy' | 'fail' = 'idle';\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\n        <foxy-internal-text-control infer=\"subject\"></foxy-internal-text-control>\n\n        ${this.data?.description === 'Email Receipt Template'\n          ? ''\n          : html`\n              <foxy-internal-select-control\n                infer=\"template-language\"\n                .options=${this.__templateLanguageOptions}\n              >\n              </foxy-internal-select-control>\n            `}\n\n        <!-- -->\n\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  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits);\n    if (!data.content_html_url && !data.content_text_url) return data;\n\n    this.__cacheState = 'busy';\n    const url = data._links['fx:cache'].href;\n    const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n    this.__cacheState = response.ok ? 'idle' : 'fail';\n\n    return await this._fetch(data._links.self.href);\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPatch(edits);\n    if (!data.content_html_url && !data.content_text_url) return data;\n\n    this.__cacheState = 'busy';\n    const url = data._links['fx:cache'].href;\n    const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n    this.__cacheState = response.ok ? 'idle' : 'fail';\n\n    return await this._fetch(data._links.self.href);\n  }\n\n  private __renderDescription() {\n    const scope = 'description';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <vaadin-text-field\n          data-testid=${scope}\n          class=\"w-full mb-s\"\n          label=${this.t(scope)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(scope)}\n          ?readonly=${this.readonlySelector.matches(scope)}\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(`${scope}:after`)}\n      </div>\n    `;\n  }\n\n  private __renderContent() {\n    const variants = ['text', 'html'] as const;\n    return html`\n      <div data-testid=\"content\">\n        <div class=\"space-y-l\">${variants.map(v => this.__renderContentVariant(v))}</div>\n      </div>\n    `;\n  }\n\n  private __renderContentVariant(variant: 'text' | 'html') {\n    const urlPath = variant === 'text' ? 'content_text_url' : 'content_html_url';\n    const textPath = variant === 'text' ? 'content_text' : 'content_html';\n    const header = variant === 'text' ? 'text_template' : 'html_template';\n    const urlValue = this.form[urlPath];\n    const textValue = this.form[textPath];\n    const contentChoiceKey = variant === 'text' ? '__textContentChoice' : '__htmlContentChoice';\n    const contentChoice = urlValue ? 'url' : textValue ? 'clipboard' : this[contentChoiceKey];\n\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches('content', true);\n    const isReadonly = this.readonlySelector.matches('content', true);\n    const isSyncProhibited = isReadonly || !this.data?.[urlPath] || urlValue !== this.data[urlPath];\n\n    return html`\n      <x-group frame>\n        <foxy-i18n\n          class=${classMap({ 'transition-colors': true, 'text-disabled': isDisabled })}\n          lang=${this.lang}\n          slot=\"header\"\n          key=${header}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        <x-choice\n          data-testid=\"${textPath.replace('_', '-')}-type\"\n          .value=${contentChoice}\n          .items=${['default', 'url', 'clipboard']}\n          ?readonly=${isReadonly}\n          ?disabled=${isDisabled}\n          @change=${(evt: Event) => {\n            if (evt instanceof ChoiceChangeEvent) {\n              this.edit({ [textPath]: '', [urlPath]: '' });\n              this[contentChoiceKey] = 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              </div>\n            `;\n          })}\n\n          <div\n            style=\"--lumo-border-radius: var(--lumo-border-radius-s)\"\n            class=\"mb-m\"\n            slot=\"url\"\n            ?hidden=${contentChoice !== 'url'}\n          >\n            <div class=\"flex items-end mt-0\">\n              <vaadin-text-field\n                data-testid=\"${textPath.replace('_', '-')}-url\"\n                placeholder=\"https://example.com/my-template\"\n                label=${this.t('url')}\n                class=\"flex-1 min-w-0\"\n                value=${ifDefined(this.form[urlPath])}\n                ?readonly=${isReadonly}\n                ?disabled=${isDisabled}\n                @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n                @input=${(evt: CustomEvent) => {\n                  const value = (evt.currentTarget as TextFieldElement).value;\n                  this.edit({ [textPath]: '', [urlPath]: value });\n                }}\n              >\n              </vaadin-text-field>\n\n              <vaadin-button\n                data-testid=\"${textPath.replace('_', '-')}-cache\"\n                class=\"relative flex-shrink-0 ml-s\"\n                ?disabled=${isDisabled || this.__cacheState === 'busy'}\n                ?hidden=${isSyncProhibited}\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            </div>\n\n            <foxy-internal-source-control\n              placeholder=${this.t('url_source_placeholder')}\n              helper-text=\"\"\n              property=${textPath}\n              label=${this.t('url_source_label')}\n              infer=\"content\"\n              class=\"mt-m${this.data?.[textPath] ? '' : ' hidden'}\"\n              style=\"--lumo-border-radius: var(--lumo-border-radius-s)\"\n            >\n            </foxy-internal-source-control>\n          </div>\n\n          <foxy-internal-source-control\n            placeholder=${this.t('clipboard_source_placeholder')}\n            helper-text=\"\"\n            property=${textPath}\n            label=${this.t('clipboard_source_label')}\n            infer=\"content\"\n            class=\"mb-m${contentChoice === 'clipboard' ? '' : ' hidden'}\"\n            style=\"--lumo-border-radius: var(--lumo-border-radius-s)\"\n            slot=\"clipboard\"\n          >\n          </foxy-internal-source-control>\n        </x-choice>\n      </x-group>\n    `;\n  }\n\n  private __renderTimestamps() {\n    const scope = 'timestamps';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <x-metadata\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-metadata>\n\n        ${this.renderTemplateOrSlot(`${scope}: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') ? (href ? 'error' : 'primary success') : ''}\n          data-testid=${action}\n          ?disabled=${(this.in({ idle: 'template' }) && !isValid) || isDisabled}\n          @click=${handleClick}\n        >\n          <foxy-i18n ns=${ns} key=${action} lang=${lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${action}:after`)}\n      </div>\n    `;\n  }\n\n  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 EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n      this.__cacheState = response.ok ? 'idle' : 'fail';\n      this.refresh();\n    } catch {\n      this.__cacheState = 'fail';\n    }\n  }\n}\n"]}
+{"version":3,"file":"EmailTemplateForm.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/EmailTemplateForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'email-template-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing email templates (`fx:email_template`).\n *\n * @element foxy-email-template-form\n * @since 1.14.0\n */\nexport class EmailTemplateForm extends Base<Data> {\n  private readonly __templateLanguageOptions = [\n    { rawLabel: 'Nunjucks', value: 'nunjucks' },\n    { rawLabel: 'Handlebars', value: 'handlebars' },\n    { rawLabel: 'Pug', value: 'pug' },\n    { rawLabel: 'Twig', value: 'twig' },\n    { rawLabel: 'EJS', value: 'ejs' },\n  ];\n\n  private readonly __toggleGetValue = () => !!this.form.subject;\n\n  private readonly __toggleSetValue = (newValue: boolean) => {\n    this.edit({ subject: newValue ? this.t('general.subject.default_value') : '' });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    const subject = this.form.subject;\n\n    if (this.form.content_html_url && subject) alwaysMatch.unshift('content-html');\n    if (this.form.content_text_url && subject) alwaysMatch.unshift('content-text');\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysMatch = [super.disabledSelector.toString()];\n\n    if (\n      !this.in({ idle: { snapshot: 'clean' } }) ||\n      !this.data.content_html_url ||\n      !this.data.content_text_url\n    ) {\n      alwaysMatch.unshift('html-source:cache', 'text-source:cache');\n    }\n\n    if (!this.form.subject) {\n      alwaysMatch.unshift(\n        'general:template-language',\n        'html-source',\n        'text-source',\n        'content-html',\n        'content-text'\n      );\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.data?.content_html_url) alwaysMatch.unshift('html-source:cache');\n    if (!this.data?.content_text_url) alwaysMatch.unshift('text-source:cache');\n    if (!this.data?.subject && !this.form.subject) {\n      alwaysMatch.unshift(\n        'general:template-language',\n        'general:subject',\n        'html-source',\n        'text-source',\n        'content-html',\n        'content-text'\n      );\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-switch-control\n          infer=\"toggle\"\n          .getValue=${this.__toggleGetValue}\n          .setValue=${this.__toggleSetValue}\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"subject\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"template-language\"\n          .options=${this.__templateLanguageOptions}\n        >\n        </foxy-internal-select-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-source-control infer=\"content-html\"></foxy-internal-source-control>\n\n      <foxy-internal-summary-control infer=\"html-source\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"content-html-url\">\n        </foxy-internal-text-control>\n        <foxy-internal-email-template-form-async-action\n          theme=\"tertiary-inline\"\n          infer=\"cache\"\n          href=${ifDefined(this.data?._links['fx:cache'].href)}\n        >\n        </foxy-internal-email-template-form-async-action>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-source-control infer=\"content-text\"></foxy-internal-source-control>\n\n      <foxy-internal-summary-control infer=\"text-source\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"content-text-url\">\n        </foxy-internal-text-control>\n        <foxy-internal-email-template-form-async-action\n          theme=\"tertiary-inline\"\n          infer=\"cache\"\n          href=${ifDefined(this.data?._links['fx:cache'].href)}\n        >\n        </foxy-internal-email-template-form-async-action>\n      </foxy-internal-summary-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits);\n\n    if (edits.content_html_url && edits.content_text_url) {\n      const url = data._links['fx:cache'].href;\n      const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n      if (!response.ok) throw ['error:failed_to_cache'];\n    }\n\n    return await this._fetch(data._links.self.href);\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPatch(edits);\n    if (!edits.content_html_url && !edits.content_text_url) return data;\n\n    const url = data._links['fx:cache'].href;\n    const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n    if (!response.ok) throw ['error:failed_to_cache'];\n\n    return await this._fetch(data._links.self.href);\n  }\n}\n"]}

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

@@ -1,11 +1,9 @@
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-button';
-import '../../internal/InternalSelectControl/index';
-import '../../internal/InternalConfirmDialog/index';
+import '../../internal/InternalSummaryControl/index';
 import '../../internal/InternalSourceControl/index';
+import '../../internal/InternalSelectControl/index';
+import '../../internal/InternalSwitchControl/index';
 import '../../internal/InternalTextControl/index';
-import '../../internal/InternalSandbox/index';
-import '../Spinner/index';
-import '../I18n/index';
+import '../../internal/InternalForm/index';
+import './internal/InternalEmailTemplateFormAsyncAction/index';
 import { EmailTemplateForm } from './EmailTemplateForm';
 export { EmailTemplateForm };

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

@@ -1,12 +1,10 @@
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-button';
-import "../../internal/InternalSelectControl/index.js";
-import "../../internal/InternalConfirmDialog/index.js";
+import "../../internal/InternalSummaryControl/index.js";
 import "../../internal/InternalSourceControl/index.js";
+import "../../internal/InternalSelectControl/index.js";
+import "../../internal/InternalSwitchControl/index.js";
 import "../../internal/InternalTextControl/index.js";
-import "../../internal/InternalSandbox/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
+import "../../internal/InternalForm/index.js";
+import "./internal/InternalEmailTemplateFormAsyncAction/index.js";
 import { EmailTemplateForm } from "./EmailTemplateForm.js";
 customElements.define('foxy-email-template-form', EmailTemplateForm);
 export { EmailTemplateForm };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,uDAAoD;AACpD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,iDAA8C;AAE9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-button';\n\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSourceControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalSandbox/index';\n\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { EmailTemplateForm } from './EmailTemplateForm';\n\ncustomElements.define('foxy-email-template-form', EmailTemplateForm);\n\nexport { EmailTemplateForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/index.ts"],"names":[],"mappings":"AAAA,wDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,kEAA+D;AAE/D,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalSourceControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalSwitchControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport './internal/InternalEmailTemplateFormAsyncAction/index';\n\nimport { EmailTemplateForm } from './EmailTemplateForm';\n\ncustomElements.define('foxy-email-template-form', EmailTemplateForm);\n\nexport { EmailTemplateForm };\n"]}

package/dist/elements/public/EmailTemplateForm/internal/InternalEmailTemplateFormAsyncAction/InternalEmailTemplateFormAsyncAction.d.ts

@@ -0,0 +1,10 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalEmailTemplateFormAsyncAction extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    theme: string | null;
+    href: string | null;
+    private __state;
+    renderControl(): TemplateResult;
+    private __submit;
+}