@foxy.io/elements 1.29.0-beta.2 → 1.29.0-beta.4

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

@@ -13,34 +13,15 @@ const Base = TranslatableMixin(InternalForm, NS);
 export class SubscriptionSettingsForm extends Base {
     constructor() {
         super(...arguments);
-        this.__sendEmailReceiptsForAutomatedBillingOptions = [
-            { label: 'option_checked', value: 'checked' },
-        ];
-        this.__automaticallyChargePastDueAmountOptions = [
-            { label: 'option_checked', value: 'checked' },
-        ];
-        this.__clearPastDueAmountsOnSuccessOptions = [
-            { label: 'option_checked', value: 'checked' },
-        ];
-        this.__resetNextDateOnMakeUpPaymentOptions = [
-            { label: 'option_checked', value: 'checked' },
-        ];
         this.__pastDueAmountHandlingOptions = [
             { label: 'option_increment', value: 'increment' },
             { label: 'option_replace', value: 'replace' },
-            { label: 'option_ignore', value: 'ignore' },
         ];
         this.__positiveIntegerInputParams = {
             type: 'number',
             step: '1',
             min: '0',
         };
-        this.__sendEmailReceiptsForAutomatedBillingGetValue = () => {
-            return this.form.send_email_receipts_for_automated_billing ? ['checked'] : [];
-        };
-        this.__sendEmailReceiptsForAutomatedBillingSetValue = (newValue) => {
-            this.edit({ send_email_receipts_for_automated_billing: newValue.includes('checked') });
-        };
         this.__expiringSoonPaymentReminderScheduleGetValue = () => {
             var _a, _b;
             const days = (_b = (_a = this.form.expiring_soon_payment_reminder_schedule) === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
@@ -55,29 +36,6 @@ export class SubscriptionSettingsForm extends Base {
                 expiring_soon_payment_reminder_schedule: newItems.map(({ value }) => value).join(),
             });
         };
-        this.__automaticallyChargePastDueAmountGetValue = () => {
-            return this.form.automatically_charge_past_due_amount ? ['checked'] : [];
-        };
-        this.__automaticallyChargePastDueAmountSetValue = (newValue) => {
-            const isChecked = newValue.includes('checked');
-            this.edit({
-                automatically_charge_past_due_amount: isChecked,
-                clear_past_due_amounts_on_success: isChecked ? false : void 0,
-                reset_nextdate_on_makeup_payment: isChecked ? false : void 0,
-            });
-        };
-        this.__clearPastDueAmountsOnSuccessGetValue = () => {
-            return this.form.clear_past_due_amounts_on_success ? ['checked'] : [];
-        };
-        this.__clearPastDueAmountsOnSuccessSetValue = (newValue) => {
-            this.edit({ clear_past_due_amounts_on_success: newValue.includes('checked') });
-        };
-        this.__resetNextDateOnMakeUpPaymentGetValue = () => {
-            return this.form.reset_nextdate_on_makeup_payment ? ['checked'] : [];
-        };
-        this.__resetNextDateOnMakeUpPaymentSetValue = (newValue) => {
-            this.edit({ reset_nextdate_on_makeup_payment: newValue.includes('checked') });
-        };
         this.__reminderEmailScheduleGetValue = () => {
             var _a, _b;
             const days = (_b = (_a = this.form.reminder_email_schedule) === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
@@ -102,6 +60,22 @@ export class SubscriptionSettingsForm extends Base {
         this.__reattemptScheduleSetValue = (newItems) => {
             this.edit({ reattempt_schedule: newItems.map(({ value }) => value).join() });
         };
+        this.__getReattemptBypassStringsValue = () => {
+            var _a, _b;
+            const strings = (_b = (_a = this.form.reattempt_bypass_strings) === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
+            return strings
+                .map(text => text.trim())
+                .filter((text, index, strings) => text && strings.indexOf(text) === index)
+                .map(text => ({ value: text }));
+        };
+        this.__setReattemptBypassStringsValue = (newValue) => {
+            this.edit({ reattempt_bypass_strings: newValue.map(({ value }) => value).join() });
+        };
+        this.__reattemptBypassLogicOptions = [
+            { value: '', label: 'option_always_reattempt' },
+            { value: 'skip_if_exists', label: 'option_skip_if_exists' },
+            { value: 'reattempt_if_exists', label: 'option_reattempt_if_exists' },
+        ];
     }
     static get v8n() {
         return [
@@ -120,94 +94,110 @@ export class SubscriptionSettingsForm extends Base {
         ];
     }
     get hiddenSelector() {
-        return new BooleanSelector(`header:copy-id ${super.hiddenSelector}`.trim());
+        const alwaysMatch = ['header:copy-id', super.hiddenSelector.toString()];
+        if (!this.form.reattempt_bypass_logic) {
+            alwaysMatch.push('reattempts-group:reattempt-bypass-strings');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
     renderBody() {
         return html `
       ${this.renderHeader()}
 
-      <foxy-internal-radio-group-control
-        infer="past-due-amount-handling"
-        theme="vertical list"
-        .options=${this.__pastDueAmountHandlingOptions}
-      >
-      </foxy-internal-radio-group-control>
+      <foxy-internal-summary-control infer="past-due-amount-group">
+        <foxy-internal-select-control
+          layout="summary-item"
+          infer="past-due-amount-handling"
+          .options=${this.__pastDueAmountHandlingOptions}
+        >
+        </foxy-internal-select-control>
+
+        <foxy-internal-switch-control
+          infer="automatically-charge-past-due-amount"
+          helper-text-as-tooltip
+        >
+        </foxy-internal-switch-control>
 
-      <foxy-internal-checkbox-group-control
-        infer="automatically-charge-past-due-amount"
-        class="-mt-xs -mb-m"
-        .getValue=${this.__automaticallyChargePastDueAmountGetValue}
-        .setValue=${this.__automaticallyChargePastDueAmountSetValue}
-        .options=${this.__automaticallyChargePastDueAmountOptions}
-      >
-      </foxy-internal-checkbox-group-control>
+        <foxy-internal-switch-control
+          infer="reset-nextdate-on-makeup-payment"
+          helper-text-as-tooltip
+        >
+        </foxy-internal-switch-control>
 
-      ${this.form.automatically_charge_past_due_amount
-            ? ''
-            : html `
-            <foxy-internal-checkbox-group-control
-              infer="clear-past-due-amounts-on-success"
-              class="-mt-xs -mb-m"
-              .getValue=${this.__clearPastDueAmountsOnSuccessGetValue}
-              .setValue=${this.__clearPastDueAmountsOnSuccessSetValue}
-              .options=${this.__clearPastDueAmountsOnSuccessOptions}
-            >
-            </foxy-internal-checkbox-group-control>
+        <foxy-internal-switch-control
+          infer="prevent-customer-cancel-with-past-due"
+          helper-text-as-tooltip
+        >
+        </foxy-internal-switch-control>
+      </foxy-internal-summary-control>
 
-            <foxy-internal-checkbox-group-control
-              infer="reset-nextdate-on-makeup-payment"
-              class="-mt-xs -mb-m"
-              .getValue=${this.__resetNextDateOnMakeUpPaymentGetValue}
-              .setValue=${this.__resetNextDateOnMakeUpPaymentSetValue}
-              .options=${this.__resetNextDateOnMakeUpPaymentOptions}
-            >
-            </foxy-internal-checkbox-group-control>
-          `}
+      <foxy-internal-summary-control infer="reattempts-group">
+        <foxy-internal-select-control
+          layout="summary-item"
+          infer="reattempt-bypass-logic"
+          .options=${this.__reattemptBypassLogicOptions}
+        >
+        </foxy-internal-select-control>
 
-      <foxy-internal-subscription-settings-form-reattempt-bypass infer="reattempt-bypass">
-      </foxy-internal-subscription-settings-form-reattempt-bypass>
+        <foxy-internal-editable-list-control
+          layout="summary-item"
+          infer="reattempt-bypass-strings"
+          .getValue=${this.__getReattemptBypassStringsValue}
+          .setValue=${this.__setReattemptBypassStringsValue}
+        >
+        </foxy-internal-editable-list-control>
 
-      <foxy-internal-editable-list-control
-        infer="reattempt-schedule"
-        .inputParams=${this.__positiveIntegerInputParams}
-        .getValue=${this.__reattemptScheduleGetValue}
-        .setValue=${this.__reattemptScheduleSetValue}
-      >
-      </foxy-internal-editable-list-control>
+        <foxy-internal-editable-list-control
+          layout="summary-item"
+          infer="reattempt-schedule"
+          .inputParams=${this.__positiveIntegerInputParams}
+          .getValue=${this.__reattemptScheduleGetValue}
+          .setValue=${this.__reattemptScheduleSetValue}
+        >
+        </foxy-internal-editable-list-control>
+      </foxy-internal-summary-control>
 
-      <foxy-internal-editable-list-control
-        infer="reminder-email-schedule"
-        .inputParams=${this.__positiveIntegerInputParams}
-        .getValue=${this.__reminderEmailScheduleGetValue}
-        .setValue=${this.__reminderEmailScheduleSetValue}
-      >
-      </foxy-internal-editable-list-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
-        infer="expiring-soon-payment-reminder-schedule"
-        .inputParams=${this.__positiveIntegerInputParams}
-        .getValue=${this.__expiringSoonPaymentReminderScheduleGetValue}
-        .setValue=${this.__expiringSoonPaymentReminderScheduleSetValue}
-      >
-      </foxy-internal-editable-list-control>
+        <foxy-internal-editable-list-control
+          layout="summary-item"
+          infer="reminder-email-schedule"
+          .inputParams=${this.__positiveIntegerInputParams}
+          .getValue=${this.__reminderEmailScheduleGetValue}
+          .setValue=${this.__reminderEmailScheduleSetValue}
+        >
+        </foxy-internal-editable-list-control>
 
-      <foxy-internal-checkbox-group-control
-        infer="send-email-receipts-for-automated-billing"
-        class="-mt-xs -mb-m"
-        .options=${this.__sendEmailReceiptsForAutomatedBillingOptions}
-        .getValue=${this.__sendEmailReceiptsForAutomatedBillingGetValue}
-        .setValue=${this.__sendEmailReceiptsForAutomatedBillingSetValue}
-      >
-      </foxy-internal-checkbox-group-control>
+        <foxy-internal-editable-list-control
+          layout="summary-item"
+          infer="expiring-soon-payment-reminder-schedule"
+          .inputParams=${this.__positiveIntegerInputParams}
+          .getValue=${this.__expiringSoonPaymentReminderScheduleGetValue}
+          .setValue=${this.__expiringSoonPaymentReminderScheduleSetValue}
+        >
+        </foxy-internal-editable-list-control>
+      </foxy-internal-summary-control>
 
-      <foxy-internal-integer-control
-        suffix=${this.__cancellationScheduleSuffix}
-        infer="cancellation-schedule"
-        min="1"
-      >
-      </foxy-internal-integer-control>
+      <foxy-internal-summary-control infer="modification-group">
+        <foxy-internal-text-control layout="summary-item" infer="modification-url">
+        </foxy-internal-text-control>
+      </foxy-internal-summary-control>
 
-      <foxy-internal-text-control infer="modification-url"></foxy-internal-text-control>
+      <foxy-internal-summary-control infer="cancellation-group">
+        <foxy-internal-number-control
+          layout="summary-item"
+          suffix=${this.__cancellationScheduleSuffix}
+          infer="cancellation-schedule"
+          step="1"
+          min="1"
+        >
+        </foxy-internal-number-control>
+      </foxy-internal-summary-control>
 
       ${super.renderBody()}
     `;

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 { Data } from './types';\nimport 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';\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 __sendEmailReceiptsForAutomatedBillingOptions: Option[] = [\n    { label: 'option_checked', value: 'checked' },\n  ];\n\n  private __automaticallyChargePastDueAmountOptions: Option[] = [\n    { label: 'option_checked', value: 'checked' },\n  ];\n\n  private __clearPastDueAmountsOnSuccessOptions: Option[] = [\n    { label: 'option_checked', value: 'checked' },\n  ];\n\n  private __resetNextDateOnMakeUpPaymentOptions: Option[] = [\n    { label: 'option_checked', value: 'checked' },\n  ];\n\n  private __pastDueAmountHandlingOptions: Option[] = [\n    { label: 'option_increment', value: 'increment' },\n    { label: 'option_replace', value: 'replace' },\n    { label: 'option_ignore', value: 'ignore' },\n  ];\n\n  private __positiveIntegerInputParams = {\n    type: 'number',\n    step: '1',\n    min: '0',\n  };\n\n  private __sendEmailReceiptsForAutomatedBillingGetValue = () => {\n    return this.form.send_email_receipts_for_automated_billing ? ['checked'] : [];\n  };\n\n  private __sendEmailReceiptsForAutomatedBillingSetValue = (newValue: string[]) => {\n    this.edit({ send_email_receipts_for_automated_billing: newValue.includes('checked') });\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 __automaticallyChargePastDueAmountGetValue = () => {\n    return this.form.automatically_charge_past_due_amount ? ['checked'] : [];\n  };\n\n  private __automaticallyChargePastDueAmountSetValue = (newValue: string[]) => {\n    const isChecked = newValue.includes('checked');\n    this.edit({\n      automatically_charge_past_due_amount: isChecked,\n      clear_past_due_amounts_on_success: isChecked ? false : void 0,\n      reset_nextdate_on_makeup_payment: isChecked ? false : void 0,\n    });\n  };\n\n  private __clearPastDueAmountsOnSuccessGetValue = () => {\n    return this.form.clear_past_due_amounts_on_success ? ['checked'] : [];\n  };\n\n  private __clearPastDueAmountsOnSuccessSetValue = (newValue: string[]) => {\n    this.edit({ clear_past_due_amounts_on_success: newValue.includes('checked') });\n  };\n\n  private __resetNextDateOnMakeUpPaymentGetValue = () => {\n    return this.form.reset_nextdate_on_makeup_payment ? ['checked'] : [];\n  };\n\n  private __resetNextDateOnMakeUpPaymentSetValue = (newValue: string[]) => {\n    this.edit({ reset_nextdate_on_makeup_payment: newValue.includes('checked') });\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  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`header:copy-id ${super.hiddenSelector}`.trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-radio-group-control\n        infer=\"past-due-amount-handling\"\n        theme=\"vertical list\"\n        .options=${this.__pastDueAmountHandlingOptions}\n      >\n      </foxy-internal-radio-group-control>\n\n      <foxy-internal-checkbox-group-control\n        infer=\"automatically-charge-past-due-amount\"\n        class=\"-mt-xs -mb-m\"\n        .getValue=${this.__automaticallyChargePastDueAmountGetValue}\n        .setValue=${this.__automaticallyChargePastDueAmountSetValue}\n        .options=${this.__automaticallyChargePastDueAmountOptions}\n      >\n      </foxy-internal-checkbox-group-control>\n\n      ${this.form.automatically_charge_past_due_amount\n        ? ''\n        : html`\n            <foxy-internal-checkbox-group-control\n              infer=\"clear-past-due-amounts-on-success\"\n              class=\"-mt-xs -mb-m\"\n              .getValue=${this.__clearPastDueAmountsOnSuccessGetValue}\n              .setValue=${this.__clearPastDueAmountsOnSuccessSetValue}\n              .options=${this.__clearPastDueAmountsOnSuccessOptions}\n            >\n            </foxy-internal-checkbox-group-control>\n\n            <foxy-internal-checkbox-group-control\n              infer=\"reset-nextdate-on-makeup-payment\"\n              class=\"-mt-xs -mb-m\"\n              .getValue=${this.__resetNextDateOnMakeUpPaymentGetValue}\n              .setValue=${this.__resetNextDateOnMakeUpPaymentSetValue}\n              .options=${this.__resetNextDateOnMakeUpPaymentOptions}\n            >\n            </foxy-internal-checkbox-group-control>\n          `}\n\n      <foxy-internal-subscription-settings-form-reattempt-bypass infer=\"reattempt-bypass\">\n      </foxy-internal-subscription-settings-form-reattempt-bypass>\n\n      <foxy-internal-editable-list-control\n        infer=\"reattempt-schedule\"\n        .inputParams=${this.__positiveIntegerInputParams}\n        .getValue=${this.__reattemptScheduleGetValue}\n        .setValue=${this.__reattemptScheduleSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-editable-list-control\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        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\n      <foxy-internal-checkbox-group-control\n        infer=\"send-email-receipts-for-automated-billing\"\n        class=\"-mt-xs -mb-m\"\n        .options=${this.__sendEmailReceiptsForAutomatedBillingOptions}\n        .getValue=${this.__sendEmailReceiptsForAutomatedBillingGetValue}\n        .setValue=${this.__sendEmailReceiptsForAutomatedBillingSetValue}\n      >\n      </foxy-internal-checkbox-group-control>\n\n      <foxy-internal-integer-control\n        suffix=${this.__cancellationScheduleSuffix}\n        infer=\"cancellation-schedule\"\n        min=\"1\"\n      >\n      </foxy-internal-integer-control>\n\n      <foxy-internal-text-control infer=\"modification-url\"></foxy-internal-text-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=\"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"]}

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

@@ -1,9 +1,9 @@
-import '../../internal/InternalCheckboxGroupControl/index';
 import '../../internal/InternalEditableListControl/index';
-import '../../internal/InternalRadioGroupControl/index';
-import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalSummaryControl/index';
+import '../../internal/InternalSwitchControl/index';
+import '../../internal/InternalSelectControl/index';
+import '../../internal/InternalNumberControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
-import './internal/InternalSubscriptionSettingsFormReattemptBypass/index';
 import { SubscriptionSettingsForm } from './SubscriptionSettingsForm';
 export { SubscriptionSettingsForm };

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

@@ -1,10 +1,10 @@
-import "../../internal/InternalCheckboxGroupControl/index.js";
 import "../../internal/InternalEditableListControl/index.js";
-import "../../internal/InternalRadioGroupControl/index.js";
-import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalSummaryControl/index.js";
+import "../../internal/InternalSwitchControl/index.js";
+import "../../internal/InternalSelectControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
-import "./internal/InternalSubscriptionSettingsFormReattemptBypass/index.js";
 import { SubscriptionSettingsForm } from "./SubscriptionSettingsForm.js";
 customElements.define('foxy-subscription-settings-form', SubscriptionSettingsForm);
 export { SubscriptionSettingsForm };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionSettingsForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,6DAA0D;AAC1D,2DAAwD;AACxD,wDAAqD;AACrD,qDAAkD;AAClD,8CAA2C;AAE3C,6EAA0E;AAE1E,OAAO,EAAE,wBAAwB,EAAE,sCAAmC;AAEtE,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,wBAAwB,CAAC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalEditableListControl/index';\nimport '../../internal/InternalRadioGroupControl/index';\nimport '../../internal/InternalIntegerControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport './internal/InternalSubscriptionSettingsFormReattemptBypass/index';\n\nimport { SubscriptionSettingsForm } from './SubscriptionSettingsForm';\n\ncustomElements.define('foxy-subscription-settings-form', SubscriptionSettingsForm);\n\nexport { SubscriptionSettingsForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionSettingsForm/index.ts"],"names":[],"mappings":"AAAA,6DAA0D;AAC1D,wDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,OAAO,EAAE,wBAAwB,EAAE,sCAAmC;AAEtE,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,wBAAwB,CAAC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalEditableListControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalSwitchControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { SubscriptionSettingsForm } from './SubscriptionSettingsForm';\n\ncustomElements.define('foxy-subscription-settings-form', SubscriptionSettingsForm);\n\nexport { SubscriptionSettingsForm };\n"]}

package/dist/elements/public/SubscriptionSettingsForm/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.SubscriptionSettings>;
+export declare type Data = Omit<Resource<Rels.SubscriptionSettings>, 'reattempt_bypass_logic'> & {
+    reattempt_bypass_logic: 'skip_if_exists' | 'reattempt_if_exists' | '';
+};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionSettingsForm/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.SubscriptionSettings>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionSettingsForm/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 = Omit<Resource<Rels.SubscriptionSettings>, 'reattempt_bypass_logic'> & {\n  // TODO remove once SDK is updated\n  reattempt_bypass_logic: 'skip_if_exists' | 'reattempt_if_exists' | '';\n};\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.29.0-beta.2",
+  "version": "1.29.0-beta.4",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-292ba15e.js

@@ -1 +0,0 @@
-import"./shared-df00a537.js";import"./shared-3e03c988.js";import{I as e}from"./shared-7b8ad9c1.js";import{_ as t}from"./shared-0f6e4584.js";import{c as s,h as i,s as a}from"./shared-dc73b9a5.js";import{i as r}from"./shared-9803aa7c.js";import{c as l}from"./shared-4e709717.js";let n,d,o,h,u,m,p=e=>e;customElements.define("foxy-internal-number-control",class extends e{constructor(){super(...arguments),this.layout=null,this.prefix=null,this.suffix=null,this.min=null,this.max=null}static get properties(){return t(t({},super.properties),{},{layout:{},prefix:{},suffix:{},min:{type:Number},max:{type:Number}})}static get styles(){return[...super.styles,s(n||(n=p`input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{-moz-appearance:textfield}`))]}renderControl(){var e,t;return"summary-item"===this.layout?this.__renderSummaryItemLayout():i(d||(d=p` <vaadin-number-field error-message="${0}" placeholder="${0}" helper-text="${0}" label="${0}" class="w-full" min="${0}" max="${0}" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" clear-button-visible @keydown="${0}" @change="${0}"> ${0} ${0} </vaadin-number-field> `),r(this._errorMessage),this.placeholder,this.helperText,this.label,r(null!==(e=this.min)&&void 0!==e?e:void 0),r(null!==(t=this.max)&&void 0!==t?t:void 0),this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=parseFloat(t.value)}),this.prefix?i(o||(o=p`<div slot="prefix">${0}</div>`),this.prefix):"",this.suffix?i(h||(h=p`<div class="pr-s font-medium" slot="suffix">${0}</div>`),this.suffix):"")}__renderSummaryItemLayout(){var e,s;const n={"text-disabled":this.disabled,"text-tertiary":!this.readonly&&!this.disabled,"font-medium":!this.readonly};return i(u||(u=p` <div class="flex items-start gap-m leading-xs"> <div> <label class="text-m text-body" for="input">${0}</label> <p class="text-s text-secondary">${0}</p> <p class="text-s text-error" ?hidden="${0}"> ${0} </p> </div> <div class="flex-1 flex items-center gap-xs"> <span class="${0}"> ${0} </span> <input placeholder="${0}" style="min-width:10ch" class="${0}" type="number" min="${0}" max="${0}" id="input" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @input="${0}"> <span class="${0}"> ${0} </span> <button aria-label="${0}" class="${0}" style="width:1em;height:1em" ?disabled="${0}" ?hidden="${0}" @click="${0}"> ${0} </button> </div> </div> `),this.label,this.helperText,this.disabled||this.readonly,this._errorMessage,l(t({"text-secondary":this.readonly},n)),this.prefix,this.placeholder,l({"w-full appearance-none text-right bg-transparent transition-colors":!0,"text-m rounded-s focus-outline-none":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),r(null!==(e=this.min)&&void 0!==e?e:void 0),r(null!==(s=this.max)&&void 0!==s?s:void 0),this._value,this.disabled,this.readonly,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{e.stopPropagation(),this._value=e.target.value}),l(t({"text-secondary":this.readonly},n)),this.suffix,this.t("clear"),l({"flex-shrink-0 rounded-full transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"cursor-pointer text-tertiary hover-text-body":!this.disabled,"cursor-default text-disabled":this.disabled}),this.disabled,this.readonly,(()=>{this._value=0,this.dispatchEvent(new CustomEvent("clear"))}),a(m||(m=p`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>`)))}});

package/dist/cdn/shared-6e355777.js

@@ -1 +0,0 @@
-import"./shared-3e03c988.js";import{I as e}from"./shared-7b8ad9c1.js";import{_ as t}from"./shared-0f6e4584.js";import{c as s,h as i,s as r}from"./shared-dc73b9a5.js";import{i as a}from"./shared-9803aa7c.js";import{c as l}from"./shared-4e709717.js";let o,n,d,u,h,c,p=e=>e;customElements.define("foxy-internal-text-control",class extends e{constructor(){super(...arguments),this.layout=null,this.prefix=null,this.suffix=null}static get properties(){return t(t({},super.properties),{},{layout:{},prefix:{},suffix:{}})}static get styles(){return[super.styles,s(o||(o=p`input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}`))]}renderControl(){return"summary-item"===this.layout?this.__renderSummaryItemLayout():i(n||(n=p` <vaadin-text-field error-message="${0}" helper-text="${0}" placeholder="${0}" label="${0}" class="w-full" ?clear-button-visible="${0}" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @input="${0}"> ${0} ${0} </vaadin-text-field> `),a(this._errorMessage),this.helperText,this.placeholder,this.label,!this.suffix,this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=t.value}),this.prefix?i(d||(d=p`<div slot="prefix">${0}</div>`),this.prefix):"",this.suffix?i(u||(u=p`<div class="pr-s font-medium" slot="suffix">${0}</div>`),this.suffix):"")}get _value(){var e;return null!==(e=super._value)&&void 0!==e?e:""}set _value(e){super._value=e}__renderSummaryItemLayout(){return i(h||(h=p` <div class="flex items-start gap-m leading-xs"> <div> <label class="text-m text-body" for="input">${0}</label> <p class="text-s text-secondary">${0}</p> <p class="text-s text-error" ?hidden="${0}"> ${0} </p> </div> <div class="flex-1 flex items-center gap-xs"> <input placeholder="${0}" class="${0}" type="text" id="input" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @input="${0}"> <button aria-label="${0}" class="${0}" style="width:1em;height:1em" ?disabled="${0}" ?hidden="${0}" @click="${0}"> ${0} </button> </div> </div> `),this.label,this.helperText,this.disabled||this.readonly,this._errorMessage,this.placeholder,l({"w-full appearance-none text-right bg-transparent transition-colors":!0,"text-m rounded-s focus-outline-none":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),this._value,this.disabled,this.readonly,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{e.stopPropagation(),this._value=e.target.value}),this.t("clear"),l({"rounded-full transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"cursor-pointer text-tertiary hover-text-body":!this.disabled,"cursor-default text-disabled":this.disabled}),this.disabled,this.readonly||!this._value,(()=>{this._value="",this.dispatchEvent(new CustomEvent("clear"))}),r(c||(c=p`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>`)))}});