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

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

@@ -0,0 +1,49 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { html } from 'lit-element';
+export class InternalEmailTemplateFormAsyncAction extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.theme = null;
+        this.href = null;
+        this.__state = 'idle';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __state: { type: String },
+            theme: { type: String },
+            href: { type: String },
+        };
+    }
+    renderControl() {
+        const state = this.__state;
+        const theme = state === 'fail' ? 'error' : state === 'idle' ? '' : '';
+        return html `
+      <vaadin-button
+        theme=${`${this.theme} ${theme !== null && theme !== void 0 ? theme : ''}`.trim()}
+        ?disabled=${state === 'busy' || this.disabled}
+        @click=${this.__submit}
+      >
+        <foxy-i18n key=${state} infer=""></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+    async __submit() {
+        var _a, _b;
+        if (this.__state === 'busy')
+            return;
+        try {
+            this.__state = 'busy';
+            const api = new NucleonElement.API(this);
+            const response = await api.fetch((_a = this.href) !== null && _a !== void 0 ? _a : '', { method: 'POST' });
+            this.__state = response.ok ? 'idle' : 'fail';
+            if (response.ok)
+                (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.refresh();
+        }
+        catch (_c) {
+            this.__state = 'fail';
+        }
+    }
+}
+//# sourceMappingURL=InternalEmailTemplateFormAsyncAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalEmailTemplateFormAsyncAction.js","sourceRoot":"","sources":["../../../../../../src/elements/public/EmailTemplateForm/internal/InternalEmailTemplateFormAsyncAction/InternalEmailTemplateFormAsyncAction.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,cAAc,EAAE,kDAA+C;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,OAAO,oCAAqC,SAAQ,eAAe;IAAzE;;QAUE,UAAK,GAAkB,IAAI,CAAC;QAE5B,SAAI,GAAkB,IAAI,CAAC;QAEnB,YAAO,GAAG,MAAM,CAAC;IAgC3B,CAAC;IA7CC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAQD,aAAa;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,MAAM,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEtE,OAAO,IAAI,CAAA;;gBAEC,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,CAAC,IAAI,EAAE;oBACjC,KAAK,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ;iBACpC,IAAI,CAAC,QAAQ;;yBAEL,KAAK;;KAEzB,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,QAAQ;;QACpB,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM;YAAE,OAAO;QAEpC,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;YAEtB,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACzC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,KAAK,OAAC,IAAI,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC7C,IAAI,QAAQ,CAAC,EAAE;gBAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,GAAG;SAC1C;QAAC,WAAM;YACN,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;IACH,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { html } from 'lit-element';\n\nexport class InternalEmailTemplateFormAsyncAction extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __state: { type: String },\n      theme: { type: String },\n      href: { type: String },\n    };\n  }\n\n  theme: string | null = null;\n\n  href: string | null = null;\n\n  private __state = 'idle';\n\n  renderControl(): TemplateResult {\n    const state = this.__state;\n    const theme = state === 'fail' ? 'error' : state === 'idle' ? '' : '';\n\n    return html`\n      <vaadin-button\n        theme=${`${this.theme} ${theme ?? ''}`.trim()}\n        ?disabled=${state === 'busy' || this.disabled}\n        @click=${this.__submit}\n      >\n        <foxy-i18n key=${state} infer=\"\"></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private async __submit(): Promise<void> {\n    if (this.__state === 'busy') return;\n\n    try {\n      this.__state = 'busy';\n\n      const api = new NucleonElement.API(this);\n      const response = await api.fetch(this.href ?? '', { method: 'POST' });\n\n      this.__state = response.ok ? 'idle' : 'fail';\n      if (response.ok) this.nucleon?.refresh();\n    } catch {\n      this.__state = 'fail';\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-button';
+import '../../../../internal/InternalControl/index';
+import '../../../I18n/index';
+import { InternalEmailTemplateFormAsyncAction as Control } from './InternalEmailTemplateFormAsyncAction';
+export { Control as InternalEmailTemplateFormAsyncAction };

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

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalControl/index.js";
+import "../../../I18n/index.js";
+import { InternalEmailTemplateFormAsyncAction as Control } from "./InternalEmailTemplateFormAsyncAction.js";
+customElements.define('foxy-internal-email-template-form-async-action', Control);
+export { Control as InternalEmailTemplateFormAsyncAction };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/EmailTemplateForm/internal/InternalEmailTemplateFormAsyncAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,uDAAoD;AACpD,gCAA6B;AAE7B,OAAO,EAAE,oCAAoC,IAAI,OAAO,EAAE,kDAA+C;AAEzG,cAAc,CAAC,MAAM,CAAC,gDAAgD,EAAE,OAAO,CAAC,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oCAAoC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '../../../../internal/InternalControl/index';\nimport '../../../I18n/index';\n\nimport { InternalEmailTemplateFormAsyncAction as Control } from './InternalEmailTemplateFormAsyncAction';\n\ncustomElements.define('foxy-internal-email-template-form-async-action', Control);\n\nexport { Control as InternalEmailTemplateFormAsyncAction };\n"]}

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

@@ -1,3 +1,5 @@
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
-export declare type Data = Resource<Rels.EmailTemplate>;
+export declare type Data = Resource<Rels.EmailTemplate> & {
+    subject: string;
+};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.EmailTemplate>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\n// TODO: simplify once SDK types are updated\nexport type Data = Resource<Rels.EmailTemplate> & { subject: string };\n"]}

package/dist/elements/public/SubscriptionSettingsForm/SubscriptionSettingsForm.js

@@ -124,6 +124,12 @@ export class SubscriptionSettingsForm extends Base {
         >
         </foxy-internal-switch-control>
 
+        <foxy-internal-switch-control
+          infer="send-email-receipts-for-automated-billing"
+          helper-text-as-tooltip
+        >
+        </foxy-internal-switch-control>
+
         <foxy-internal-switch-control
           infer="prevent-customer-cancel-with-past-due"
           helper-text-as-tooltip
@@ -158,12 +164,6 @@ export class SubscriptionSettingsForm extends Base {
       </foxy-internal-summary-control>
 
       <foxy-internal-summary-control infer="emails-group">
-        <foxy-internal-switch-control
-          infer="send-email-receipts-for-automated-billing"
-          helper-text-as-tooltip
-        >
-        </foxy-internal-switch-control>
-
         <foxy-internal-editable-list-control
           layout="summary-item"
           infer="reminder-email-schedule"

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

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionSettingsForm.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionSettingsForm/SubscriptionSettingsForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Option } from '../../internal/InternalCheckboxGroupControl/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\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 { html } from 'lit-html';\n\nconst NS = 'subscription-settings-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing `fx:subscription_settings` resources.\n *\n * @element foxy-subscription-settings-form\n * @since 1.21.0\n */\nexport class SubscriptionSettingsForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ expiring_soon_payment_reminder_schedule: v }) => {\n        return !v || v.length <= 100 || 'expiring-soon-payment-reminder-schedule:v8n_too_long';\n      },\n      ({ reattempt_bypass_strings: v }) => {\n        return !v || v.length <= 400 || 'reattempt-bypass-strings:v8n_too_long';\n      },\n      ({ reminder_email_schedule: v }) => {\n        return !v || v.length <= 100 || 'reminder-email-schedule:v8n_too_long';\n      },\n      ({ reattempt_schedule: v }) => {\n        return !v || v.length <= 100 || 'reattempt-schedule:v8n_too_long';\n      },\n    ];\n  }\n\n  private __pastDueAmountHandlingOptions: Option[] = [\n    { label: 'option_increment', value: 'increment' },\n    { label: 'option_replace', value: 'replace' },\n  ];\n\n  private __positiveIntegerInputParams = {\n    type: 'number',\n    step: '1',\n    min: '0',\n  };\n\n  private __expiringSoonPaymentReminderScheduleGetValue = () => {\n    const days = this.form.expiring_soon_payment_reminder_schedule?.split(',') ?? [];\n\n    return days\n      .map(dayAsString => parseInt(dayAsString))\n      .filter((day, index, allDays) => !isNaN(day) && allDays.indexOf(day) === index)\n      .sort((dayA, dayB) => dayB - dayA)\n      .map(day => ({ value: String(day), label: this.t('day', { count: day }) }));\n  };\n\n  private __expiringSoonPaymentReminderScheduleSetValue = (newItems: Item[]) => {\n    this.edit({\n      expiring_soon_payment_reminder_schedule: newItems.map(({ value }) => value).join(),\n    });\n  };\n\n  private __reminderEmailScheduleGetValue = () => {\n    const days = this.form.reminder_email_schedule?.split(',') ?? [];\n\n    return days\n      .map(dayAsString => parseInt(dayAsString))\n      .filter((day, index, allDays) => !isNaN(day) && allDays.indexOf(day) === index)\n      .sort((dayA, dayB) => dayA - dayB)\n      .map(day => ({ value: String(day), label: this.t('day', { count: day }) }));\n  };\n\n  private __reminderEmailScheduleSetValue = (newItems: Item[]) => {\n    this.edit({ reminder_email_schedule: newItems.map(({ value }) => value).join() });\n  };\n\n  private __reattemptScheduleGetValue = () => {\n    const days = this.form.reattempt_schedule?.split(',') ?? [];\n\n    return days\n      .map(dayAsString => parseInt(dayAsString))\n      .filter((day, index, allDays) => !isNaN(day) && allDays.indexOf(day) === index)\n      .sort((dayA, dayB) => dayA - dayB)\n      .map(day => ({ value: String(day), label: this.t('day', { count: day }) }));\n  };\n\n  private __reattemptScheduleSetValue = (newItems: Item[]) => {\n    this.edit({ reattempt_schedule: newItems.map(({ value }) => value).join() });\n  };\n\n  private __getReattemptBypassStringsValue = () => {\n    const strings = this.form.reattempt_bypass_strings?.split(',') ?? [];\n\n    return strings\n      .map(text => text.trim())\n      .filter((text, index, strings) => text && strings.indexOf(text) === index)\n      .map(text => ({ value: text }));\n  };\n\n  private __setReattemptBypassStringsValue = (newValue: Item[]) => {\n    this.edit({ reattempt_bypass_strings: newValue.map(({ value }) => value).join() });\n  };\n\n  private __reattemptBypassLogicOptions: Option[] = [\n    { value: '', label: 'option_always_reattempt' },\n    { value: 'skip_if_exists', label: 'option_skip_if_exists' },\n    { value: 'reattempt_if_exists', label: 'option_reattempt_if_exists' },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['header:copy-id', super.hiddenSelector.toString()];\n\n    if (!this.form.reattempt_bypass_logic) {\n      alwaysMatch.push('reattempts-group:reattempt-bypass-strings');\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=\"past-due-amount-group\">\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"past-due-amount-handling\"\n          .options=${this.__pastDueAmountHandlingOptions}\n        >\n        </foxy-internal-select-control>\n\n        <foxy-internal-switch-control\n          infer=\"automatically-charge-past-due-amount\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-switch-control\n          infer=\"reset-nextdate-on-makeup-payment\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-switch-control\n          infer=\"prevent-customer-cancel-with-past-due\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"reattempts-group\">\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"reattempt-bypass-logic\"\n          .options=${this.__reattemptBypassLogicOptions}\n        >\n        </foxy-internal-select-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"reattempt-bypass-strings\"\n          .getValue=${this.__getReattemptBypassStringsValue}\n          .setValue=${this.__setReattemptBypassStringsValue}\n        >\n        </foxy-internal-editable-list-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"reattempt-schedule\"\n          .inputParams=${this.__positiveIntegerInputParams}\n          .getValue=${this.__reattemptScheduleGetValue}\n          .setValue=${this.__reattemptScheduleSetValue}\n        >\n        </foxy-internal-editable-list-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"emails-group\">\n        <foxy-internal-switch-control\n          infer=\"send-email-receipts-for-automated-billing\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"reminder-email-schedule\"\n          .inputParams=${this.__positiveIntegerInputParams}\n          .getValue=${this.__reminderEmailScheduleGetValue}\n          .setValue=${this.__reminderEmailScheduleSetValue}\n        >\n        </foxy-internal-editable-list-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"expiring-soon-payment-reminder-schedule\"\n          .inputParams=${this.__positiveIntegerInputParams}\n          .getValue=${this.__expiringSoonPaymentReminderScheduleGetValue}\n          .setValue=${this.__expiringSoonPaymentReminderScheduleSetValue}\n        >\n        </foxy-internal-editable-list-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"modification-group\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"modification-url\">\n        </foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"cancellation-group\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${this.__cancellationScheduleSuffix}\n          infer=\"cancellation-schedule\"\n          step=\"1\"\n          min=\"1\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private get __cancellationScheduleSuffix() {\n    const schedule = this.form.cancellation_schedule;\n    return schedule ? this.t('day_suffix', { count: schedule }) : '';\n  }\n}\n"]}
+{"version":3,"file":"SubscriptionSettingsForm.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionSettingsForm/SubscriptionSettingsForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Option } from '../../internal/InternalCheckboxGroupControl/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\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 { html } from 'lit-html';\n\nconst NS = 'subscription-settings-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing `fx:subscription_settings` resources.\n *\n * @element foxy-subscription-settings-form\n * @since 1.21.0\n */\nexport class SubscriptionSettingsForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ expiring_soon_payment_reminder_schedule: v }) => {\n        return !v || v.length <= 100 || 'expiring-soon-payment-reminder-schedule:v8n_too_long';\n      },\n      ({ reattempt_bypass_strings: v }) => {\n        return !v || v.length <= 400 || 'reattempt-bypass-strings:v8n_too_long';\n      },\n      ({ reminder_email_schedule: v }) => {\n        return !v || v.length <= 100 || 'reminder-email-schedule:v8n_too_long';\n      },\n      ({ reattempt_schedule: v }) => {\n        return !v || v.length <= 100 || 'reattempt-schedule:v8n_too_long';\n      },\n    ];\n  }\n\n  private __pastDueAmountHandlingOptions: Option[] = [\n    { label: 'option_increment', value: 'increment' },\n    { label: 'option_replace', value: 'replace' },\n  ];\n\n  private __positiveIntegerInputParams = {\n    type: 'number',\n    step: '1',\n    min: '0',\n  };\n\n  private __expiringSoonPaymentReminderScheduleGetValue = () => {\n    const days = this.form.expiring_soon_payment_reminder_schedule?.split(',') ?? [];\n\n    return days\n      .map(dayAsString => parseInt(dayAsString))\n      .filter((day, index, allDays) => !isNaN(day) && allDays.indexOf(day) === index)\n      .sort((dayA, dayB) => dayB - dayA)\n      .map(day => ({ value: String(day), label: this.t('day', { count: day }) }));\n  };\n\n  private __expiringSoonPaymentReminderScheduleSetValue = (newItems: Item[]) => {\n    this.edit({\n      expiring_soon_payment_reminder_schedule: newItems.map(({ value }) => value).join(),\n    });\n  };\n\n  private __reminderEmailScheduleGetValue = () => {\n    const days = this.form.reminder_email_schedule?.split(',') ?? [];\n\n    return days\n      .map(dayAsString => parseInt(dayAsString))\n      .filter((day, index, allDays) => !isNaN(day) && allDays.indexOf(day) === index)\n      .sort((dayA, dayB) => dayA - dayB)\n      .map(day => ({ value: String(day), label: this.t('day', { count: day }) }));\n  };\n\n  private __reminderEmailScheduleSetValue = (newItems: Item[]) => {\n    this.edit({ reminder_email_schedule: newItems.map(({ value }) => value).join() });\n  };\n\n  private __reattemptScheduleGetValue = () => {\n    const days = this.form.reattempt_schedule?.split(',') ?? [];\n\n    return days\n      .map(dayAsString => parseInt(dayAsString))\n      .filter((day, index, allDays) => !isNaN(day) && allDays.indexOf(day) === index)\n      .sort((dayA, dayB) => dayA - dayB)\n      .map(day => ({ value: String(day), label: this.t('day', { count: day }) }));\n  };\n\n  private __reattemptScheduleSetValue = (newItems: Item[]) => {\n    this.edit({ reattempt_schedule: newItems.map(({ value }) => value).join() });\n  };\n\n  private __getReattemptBypassStringsValue = () => {\n    const strings = this.form.reattempt_bypass_strings?.split(',') ?? [];\n\n    return strings\n      .map(text => text.trim())\n      .filter((text, index, strings) => text && strings.indexOf(text) === index)\n      .map(text => ({ value: text }));\n  };\n\n  private __setReattemptBypassStringsValue = (newValue: Item[]) => {\n    this.edit({ reattempt_bypass_strings: newValue.map(({ value }) => value).join() });\n  };\n\n  private __reattemptBypassLogicOptions: Option[] = [\n    { value: '', label: 'option_always_reattempt' },\n    { value: 'skip_if_exists', label: 'option_skip_if_exists' },\n    { value: 'reattempt_if_exists', label: 'option_reattempt_if_exists' },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['header:copy-id', super.hiddenSelector.toString()];\n\n    if (!this.form.reattempt_bypass_logic) {\n      alwaysMatch.push('reattempts-group:reattempt-bypass-strings');\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=\"past-due-amount-group\">\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"past-due-amount-handling\"\n          .options=${this.__pastDueAmountHandlingOptions}\n        >\n        </foxy-internal-select-control>\n\n        <foxy-internal-switch-control\n          infer=\"automatically-charge-past-due-amount\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-switch-control\n          infer=\"reset-nextdate-on-makeup-payment\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-switch-control\n          infer=\"send-email-receipts-for-automated-billing\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-switch-control\n          infer=\"prevent-customer-cancel-with-past-due\"\n          helper-text-as-tooltip\n        >\n        </foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"reattempts-group\">\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"reattempt-bypass-logic\"\n          .options=${this.__reattemptBypassLogicOptions}\n        >\n        </foxy-internal-select-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"reattempt-bypass-strings\"\n          .getValue=${this.__getReattemptBypassStringsValue}\n          .setValue=${this.__setReattemptBypassStringsValue}\n        >\n        </foxy-internal-editable-list-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"reattempt-schedule\"\n          .inputParams=${this.__positiveIntegerInputParams}\n          .getValue=${this.__reattemptScheduleGetValue}\n          .setValue=${this.__reattemptScheduleSetValue}\n        >\n        </foxy-internal-editable-list-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"emails-group\">\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"reminder-email-schedule\"\n          .inputParams=${this.__positiveIntegerInputParams}\n          .getValue=${this.__reminderEmailScheduleGetValue}\n          .setValue=${this.__reminderEmailScheduleSetValue}\n        >\n        </foxy-internal-editable-list-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"expiring-soon-payment-reminder-schedule\"\n          .inputParams=${this.__positiveIntegerInputParams}\n          .getValue=${this.__expiringSoonPaymentReminderScheduleGetValue}\n          .setValue=${this.__expiringSoonPaymentReminderScheduleSetValue}\n        >\n        </foxy-internal-editable-list-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"modification-group\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"modification-url\">\n        </foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"cancellation-group\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${this.__cancellationScheduleSuffix}\n          infer=\"cancellation-schedule\"\n          step=\"1\"\n          min=\"1\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private get __cancellationScheduleSuffix() {\n    const schedule = this.form.cancellation_schedule;\n    return schedule ? this.t('day_suffix', { count: schedule }) : '';\n  }\n}\n"]}

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

@@ -1,12 +1,10 @@
-import { PropertyDeclarations, TemplateResult } from 'lit-element';
-import { Data } from './types';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
-import { NucleonElement } from '../NucleonElement/NucleonElement';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import type { TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
-    styles: import("lit-element").CSSResultArray;
-} & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
+};
 /**
  * Form element for creating or editing templates (`fx:cart_include_template`, `fx:checkout_template`, `fx:cart_template`).
  *
@@ -14,17 +12,11 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  * @since 1.14.0
  */
 export declare class TemplateForm extends Base<Data> {
-    static get properties(): PropertyDeclarations;
-    static get scopedElements(): ScopedElementsMap;
-    private __cacheState;
-    private __contentChoice;
-    render(): TemplateResult;
+    get readonlySelector(): BooleanSelector;
+    get disabledSelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
     protected _sendPost(edits: Partial<Data>): Promise<Data>;
     protected _sendPatch(edits: Partial<Data>): Promise<Data>;
-    private __renderDescription;
-    private __renderContent;
-    private __renderTimestamps;
-    private __renderAction;
-    private __cache;
 }
 export {};

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

@@ -1,14 +1,10 @@
-import { html } from 'lit-element';
-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 { NucleonElement } from "../NucleonElement/NucleonElement.js";
-import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-import { classMap } from "../../../utils/class-map.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
 const NS = 'template-form';
-const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS))));
+const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing templates (`fx:cart_include_template`, `fx:checkout_template`, `fx:cart_template`).
  *
@@ -16,321 +12,74 @@ const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMi
  * @since 1.14.0
  */
 export class TemplateForm extends Base {
-    constructor() {
-        super(...arguments);
-        this.__cacheState = 'idle';
-        this.__contentChoice = 'default';
+    get readonlySelector() {
+        const alwaysMatch = [super.readonlySelector.toString()];
+        if (this.form.content_url)
+            alwaysMatch.unshift('content');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    static get properties() {
-        return {
-            ...super.properties,
-            __cacheState: { attribute: false },
-            __contentChoice: { attribute: false },
-        };
+    get disabledSelector() {
+        const alwaysMatch = [super.disabledSelector.toString()];
+        if (!this.in({ idle: { snapshot: 'clean' } }) || !this.data.content_url) {
+            alwaysMatch.unshift('source:cache');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    static get scopedElements() {
-        return {
-            'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
-            'foxy-internal-source-control': customElements.get('foxy-internal-source-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 hiddenSelector() {
+        var _a;
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.content_url))
+            alwaysMatch.unshift('source:cache');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    render() {
-        var _a, _b;
-        const { hiddenSelector, href, lang, ns } = this;
-        const action = href ? 'delete' : 'create';
-        const isBusy = this.in('busy');
-        const isFail = this.in('fail');
+    renderBody() {
+        var _a;
         return html `
-      <div class="space-y-m relative">
-        ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}
-        ${hiddenSelector.matches('content', true) ? '' : this.__renderContent()}
-        ${hiddenSelector.matches('timestamps', true) || !href ? '' : this.__renderTimestamps()}
-        ${hiddenSelector.matches(action) ? '' : this.__renderAction(action)}
+      ${this.renderHeader()}
+
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control layout="summary-item" infer="description">
+        </foxy-internal-text-control>
+      </foxy-internal-summary-control>
+
+      ${this.renderTemplateOrSlot()}
+
+      <foxy-internal-source-control infer="content"></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="source">
+        <foxy-internal-text-control layout="summary-item" infer="content-url">
+        </foxy-internal-text-control>
+
+        <foxy-internal-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} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
-          >
-          </foxy-spinner>
-        </div>
-      </div>
+        </foxy-internal-template-form-async-action>
+      </foxy-internal-summary-control>
+
+      ${super.renderBody()}
     `;
     }
     async _sendPost(edits) {
         const data = await super._sendPost(edits);
-        if (!data.content_url)
-            return data;
-        this.__cacheState = 'busy';
-        const url = data._links['fx:cache'].href;
-        const response = await new TemplateForm.API(this).fetch(url, { method: 'POST' });
-        this.__cacheState = response.ok ? 'idle' : 'fail';
+        if (edits.content_url) {
+            const url = data._links['fx:cache'].href;
+            const response = await new TemplateForm.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 (!edits.content_url)
             return data;
-        this.__cacheState = 'busy';
         const url = data._links['fx:cache'].href;
         const response = await new TemplateForm.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() {
-        var _a, _b;
-        const scope = 'content';
-        const url = this.form.content_url;
-        const source = this.form.content;
-        const contentChoice = url ? 'url' : source ? 'clipboard' : this.__contentChoice;
-        const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope);
-        const isReadonly = this.readonlySelector.matches(scope);
-        const isSyncProhibited = isReadonly || !((_a = this.data) === null || _a === void 0 ? void 0 : _a.content_url) || url !== this.data.content_url;
-        return html `
-      <div data-testid="content">
-        <x-group frame>
-          <foxy-i18n
-            class=${classMap({ 'transition-colors': true, 'text-disabled': isDisabled })}
-            lang=${this.lang}
-            slot="header"
-            key="template"
-            ns=${this.ns}
-          >
-          </foxy-i18n>
-
-          <x-choice
-            data-testid="content-type"
-            .value=${contentChoice}
-            .items=${['default', 'url', 'clipboard']}
-            ?readonly=${isReadonly}
-            ?disabled=${isDisabled}
-            @change=${(evt) => {
-            if (evt instanceof ChoiceChangeEvent) {
-                this.edit({ content: '', content_url: '' });
-                this.__contentChoice = 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="content-url"
-                  placeholder="https://example.com/my-template"
-                  label=${this.t('url')}
-                  class="flex-1 min-w-0"
-                  ?readonly=${isReadonly}
-                  ?disabled=${isDisabled}
-                  .value=${this.form.content_url}
-                  @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-                  @input=${(evt) => {
-            const value = evt.currentTarget.value;
-            this.edit({ content: '', content_url: value });
-        }}
-                >
-                </vaadin-text-field>
-
-                <vaadin-button
-                  data-testid="cache"
-                  class="relative flex-shrink-0 ml-s"
-                  ?hidden=${isSyncProhibited}
-                  ?disabled=${isDisabled || this.__cacheState === 'busy'}
-                  @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=""
-                label=${this.t('url_source_label')}
-                infer="content"
-                class="mt-m${((_b = this.data) === null || _b === void 0 ? void 0 : _b.content) ? '' : ' hidden'}"
-              >
-              </foxy-internal-source-control>
-            </div>
-
-            <foxy-internal-source-control
-              placeholder=${this.t('clipboard_source_placeholder')}
-              helper-text=""
-              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>
-      </div>
-    `;
-    }
-    __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 TemplateForm.API(this).fetch(url, { method: 'POST' });
-            this.__cacheState = response.ok ? 'idle' : 'fail';
-            this.refresh();
-        }
-        catch (_c) {
-            this.__cacheState = 'fail';
-        }
-    }
 }
 //# sourceMappingURL=TemplateForm.js.map