@foxy.io/elements 1.43.0-beta.4 → 1.43.0-beta.6

package/dist/cdn/translations/customer-portal/pl.json

@@ -58,8 +58,8 @@
       "transaction_pending": "Aż do",
       "transaction_refunded": "Zwrócono pieniądze",
       "transaction_rejected": "Odrzucony",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} I {{count_minus_one}} więcej",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} I {{count_minus_one}} więcej",
       "transaction_verified": "Zweryfikowano",
       "transaction_voided": "Unieważnione",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Następna płatność dnia {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Aktywne",
       "status_inactive": "Nieaktywny",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} I {{count_minus_one}} więcej",
       "fees_hint": "Inc. ",
       "fees_explainer": "Podatki, koszty wysyłki i rabaty mogą zmienić pobraną kwotę.",
       "twice_a_month": "dwa razy w miesiącu",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Zwrócono pieniądze",
             "status_voided": "Unieważnione",
             "status_verified": "Zweryfikowano",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} I {{count_minus_one}} więcej",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} I {{count_minus_one}} więcej",
             "summary_payment_method_change": "Zmiana sposobu płatności",
             "summary_subscription_modification": "Modyfikacja subskrypcji",
             "summary_subscription_cancellation": "Anulowanie subskrypcji",

package/dist/cdn/translations/customer-portal/sv.json

@@ -58,8 +58,8 @@
       "transaction_pending": "I väntan på",
       "transaction_refunded": "Återbetalas",
       "transaction_rejected": "avvisade",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} och {{count_minus_one}} Mer",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} och {{count_minus_one}} Mer",
       "transaction_verified": "Verifierad",
       "transaction_voided": "Ogiltigförklarad",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "Nästa betalning den {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "Aktiv",
       "status_inactive": "Inaktiv",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} och {{count_minus_one}} Mer",
       "fees_hint": "inkl. ",
       "fees_explainer": "Skatter, frakt och rabatter kan ändra beloppet som debiteras.",
       "twice_a_month": "två gånger i månaden",
@@ -1090,8 +1091,8 @@
             "status_refunded": "Återbetalas",
             "status_voided": "Ogiltigförklarad",
             "status_verified": "Verifierad",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} och {{count_minus_one}} Mer",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} och {{count_minus_one}} Mer",
             "summary_payment_method_change": "Ändring av betalningsmetod",
             "summary_subscription_modification": "Ändring av abonnemang",
             "summary_subscription_cancellation": "Uppsägning av prenumeration",

package/dist/cdn/translations/customer-portal/zh-HK.json

@@ -58,8 +58,8 @@
       "transaction_pending": "待办的",
       "transaction_refunded": "已退款",
       "transaction_rejected": "拒绝",
-      "transaction_summary": "{{most_expensive_item.name}}",
-      "transaction_summary_plural": "{{most_expensive_item.name}} 和 {{count_minus_one}} 更多的",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} 和 {{count_minus_one}} 更多的",
       "transaction_verified": "已验证",
       "transaction_voided": "作废",
       "spinner": {
@@ -938,7 +938,8 @@
       "status_next_payment": "下次付款日期为 {{ next_transaction_date, date }}",
       "status_next_payment_no_nextdate": "活跃",
       "status_inactive": "不活跃",
-      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary": "{{first_item.name}}",
+      "transaction_summary_plural": "{{first_item.name}} 和 {{count_minus_one}} 更多的",
       "fees_hint": "公司",
       "fees_explainer": "税费、运费和折扣可能会改变收费金额。",
       "twice_a_month": "每月两次",
@@ -1090,8 +1091,8 @@
             "status_refunded": "已退款",
             "status_voided": "作废",
             "status_verified": "已验证",
-            "summary": "{{most_expensive_item.name}}",
-            "summary_plural": "{{most_expensive_item.name}} 和 {{count_minus_one}} 更多的",
+            "summary": "{{first_item.name}}",
+            "summary_plural": "{{first_item.name}} 和 {{count_minus_one}} 更多的",
             "summary_payment_method_change": "付款方式变更",
             "summary_subscription_modification": "订阅修改",
             "summary_subscription_cancellation": "取消订阅",

package/dist/cdn/translations/payments-api-payment-method-form/en.json

@@ -21,6 +21,7 @@
   "default_additional_field_select_placeholder": "Select",
   "conflict_message": "Remove {{ name }} to use this method",
   "no_oauth_support_message": "Adding this gateway is currently restricted from this admin. Please utilise our legacy administration to connect this gateway to your payment set.",
+  "search_placeholder": "Search by name",
   "test-group": {
     "label": "Test setup",
     "label_inactive": "Test setup (inactive)",

package/dist/cdn/translations/payments-api-payment-preset-form/en.json

@@ -74,6 +74,7 @@
         "default_additional_field_select_placeholder": "Select",
         "conflict_message": "Remove {{ name }} to use this method",
         "no_oauth_support_message": "Adding this gateway is currently restricted from this admin. Please utilise our legacy administration to connect this gateway to your payment set.",
+        "search_placeholder": "Search by name",
         "test-group": {
           "label": "Test setup",
           "label_inactive": "Test setup (inactive)",

package/dist/cdn/translations/subscription-card/en.json

@@ -22,7 +22,8 @@
   "status_next_payment": "Next payment on {{ next_transaction_date, date }}",
   "status_next_payment_no_nextdate": "Active",
   "status_inactive": "Inactive",
-  "transaction_summary": "{{most_expensive_item.name}}",
+  "transaction_summary": "{{first_item.name}}",
+  "transaction_summary_plural": "{{first_item.name}} and {{ count_minus_one }} more",
   "fees_hint": "inc. shipping, taxes, etc.",
   "fees_explainer": "Taxes, shipping, and discounts may change the amount charged.",
   "twice_a_month": "Twice a month",

package/dist/cdn/translations/subscription-form/en.json

@@ -202,8 +202,8 @@
         "status_refunded": "Refunded",
         "status_voided": "Voided",
         "status_verified": "Verified",
-        "summary": "{{most_expensive_item.name}}",
-        "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+        "summary": "{{first_item.name}}",
+        "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
         "summary_payment_method_change": "Payment method change",
         "summary_subscription_modification": "Subscription modification",
         "summary_subscription_cancellation": "Subscription cancellation",

package/dist/cdn/translations/subscriptions-table/en.json

@@ -14,7 +14,8 @@
   "status_ended": "Ended on {{ end_date, date }}",
   "status_next_payment": "Next payment on {{ next_transaction_date, date }}",
   "status_inactive": "Inactive",
-  "transaction_summary": "{{most_expensive_item.name}}",
+  "transaction_summary": "{{first_item.name}}",
+  "transaction_summary_plural": "{{first_item.name}} and {{ count_minus_one }} more",
   "twice_a_month": "Twice a month",
   "update": "Update",
   "weekly": "Weekly",

package/dist/cdn/translations/transaction-card/en.json

@@ -20,8 +20,8 @@
   "status_refunded": "Refunded",
   "status_voided": "Voided",
   "status_verified": "Verified",
-  "summary": "{{most_expensive_item.name}}",
-  "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+  "summary": "{{first_item.name}}",
+  "summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
   "summary_payment_method_change": "Payment method change",
   "summary_subscription_modification": "Subscription modification",
   "summary_subscription_cancellation": "Subscription cancellation",

package/dist/cdn/translations/transactions-table/en.json

@@ -10,8 +10,8 @@
   "transaction_pending": "Pending",
   "transaction_refunded": "Refunded",
   "transaction_rejected": "Rejected",
-  "transaction_summary": "{{most_expensive_item.name}}",
-  "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+  "transaction_summary": "{{first_item.name}}",
+  "transaction_summary_plural": "{{first_item.name}} and {{count_minus_one}} more",
   "transaction_verified": "Verified",
   "transaction_voided": "Voided",
   "spinner": {
@@ -20,4 +20,4 @@
     "loading_empty": "No data",
     "loading_error": "Unknown error"
   }
-}
+}

package/dist/elements/internal/InternalDateControl/InternalDateControl.d.ts

@@ -8,10 +8,14 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  */
 export declare class InternalDateControl extends InternalEditableControl {
     static get properties(): PropertyDeclarations;
+    /** When true, hides Clear button. */
+    hideClearButton: boolean;
     /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */
     format: 'unix' | 'iso-long' | null;
     /** Use summary item layout inside `<foxy-internal-summary-control>`. */
     layout: 'summary-item' | 'standalone' | null;
+    /** Minimum date, YYYY-MM-DD. */
+    min: string | null;
     renderControl(): TemplateResult;
     private get __pickerI18n();
 }

package/dist/elements/internal/InternalDateControl/InternalDateControl.js

@@ -15,20 +15,26 @@ import { getMonthNames } from "./getMonthNames.js";
 export class InternalDateControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
+        /** When true, hides Clear button. */
+        this.hideClearButton = false;
         /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */
         this.format = null;
         /** Use summary item layout inside `<foxy-internal-summary-control>`. */
         this.layout = null;
+        /** Minimum date, YYYY-MM-DD. */
+        this.min = null;
     }
     static get properties() {
         return {
             ...super.properties,
+            hideClearButton: { type: Boolean, attribute: 'hide-clear-button', reflect: true },
             format: {},
             layout: {},
+            min: {},
         };
     }
     renderControl() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         let value;
         if (this._value === '0000-00-00' || !this._value) {
             value = '';
@@ -52,12 +58,13 @@ export class InternalDateControl extends InternalEditableControl {
         label=${this.label}
         class="w-full"
         theme=${(_c = this.layout) !== null && _c !== void 0 ? _c : 'standalone'}
+        min=${ifDefined((_d = this.min) !== null && _d !== void 0 ? _d : void 0)}
+        ?clear-button-visible=${!this.hideClearButton}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
         .checkValidity=${this._checkValidity}
         .value=${value}
         .i18n=${this.__pickerI18n}
-        clear-button-visible
         @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
         @change=${(evt) => {
             var _a, _b, _c, _d;

package/dist/elements/internal/InternalDateControl/InternalDateControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalDateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDateControl/InternalDateControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { DatePickerElement } from '@vaadin/vaadin-date-picker';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { serializeDate } from '../../../utils/serialize-date';\nimport { parseDate } from '../../../utils/parse-date';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nimport { getWeekdayShortNames } from './getWeekdayShortNames';\nimport { getWeekdayLongNames } from './getWeekdayLongNames';\nimport { getMonthNames } from './getMonthNames';\n\n/**\n * Internal control displaying a basic date picker box.\n *\n * @since 1.17.0\n * @element foxy-internal-date-control\n */\nexport class InternalDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      format: {},\n      layout: {},\n    };\n  }\n\n  /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */\n  format: 'unix' | 'iso-long' | null = null;\n\n  /** Use summary item layout inside `<foxy-internal-summary-control>`. */\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  renderControl(): TemplateResult {\n    let value: string;\n\n    if (this._value === '0000-00-00' || !this._value) {\n      value = '';\n    } else {\n      if (this.format === 'unix') {\n        value = serializeDate(new Date(((this._value as number) ?? 0) * 1000));\n      } else if (this.format === 'iso-long') {\n        value = serializeDate(new Date(this._value as string));\n      } else {\n        value = ((this._value as string | null) ?? '').substring(0, 10);\n      }\n    }\n\n    return html`\n      <vaadin-date-picker\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${this.layout ?? 'standalone'}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${value}\n        .i18n=${this.__pickerI18n}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as DatePickerElement;\n\n          if (this.format === 'unix') {\n            this._value = Math.floor((parseDate(field.value)?.getTime() ?? 0) / 1000);\n          } else if (this.format === 'iso-long') {\n            this._value = parseDate(field.value)?.toISOString() ?? null;\n          } else {\n            this._value = field.value;\n          }\n        }}\n      >\n      </vaadin-date-picker>\n    `;\n  }\n\n  private get __pickerI18n() {\n    return {\n      monthNames: getMonthNames(this.lang || 'en'),\n      weekdays: getWeekdayLongNames(this.lang || 'en'),\n      weekdaysShort: getWeekdayShortNames(this.lang || 'en'),\n      firstDayOfWeek: 0,\n      week: this.t('week'),\n      calendar: this.t('calendar'),\n      clear: this.t('clear'),\n      today: this.t('today'),\n      cancel: this.t('cancel'),\n      referenceDate: '',\n      parseDate: null,\n      formatTitle: (m: string, y: string) => m + ' ' + y,\n      formatDate: (d: { day: number; month: number; year: number }) => {\n        return this.t('display_value', { value: new Date(d.year, d.month, d.day) });\n      },\n    };\n  }\n}\n"]}
+{"version":3,"file":"InternalDateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDateControl/InternalDateControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { DatePickerElement } from '@vaadin/vaadin-date-picker';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { serializeDate } from '../../../utils/serialize-date';\nimport { parseDate } from '../../../utils/parse-date';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nimport { getWeekdayShortNames } from './getWeekdayShortNames';\nimport { getWeekdayLongNames } from './getWeekdayLongNames';\nimport { getMonthNames } from './getMonthNames';\n\n/**\n * Internal control displaying a basic date picker box.\n *\n * @since 1.17.0\n * @element foxy-internal-date-control\n */\nexport class InternalDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      hideClearButton: { type: Boolean, attribute: 'hide-clear-button', reflect: true },\n      format: {},\n      layout: {},\n      min: {},\n    };\n  }\n\n  /** When true, hides Clear button. */\n  hideClearButton = false;\n\n  /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */\n  format: 'unix' | 'iso-long' | null = null;\n\n  /** Use summary item layout inside `<foxy-internal-summary-control>`. */\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  /** Minimum date, YYYY-MM-DD. */\n  min: string | null = null;\n\n  renderControl(): TemplateResult {\n    let value: string;\n\n    if (this._value === '0000-00-00' || !this._value) {\n      value = '';\n    } else {\n      if (this.format === 'unix') {\n        value = serializeDate(new Date(((this._value as number) ?? 0) * 1000));\n      } else if (this.format === 'iso-long') {\n        value = serializeDate(new Date(this._value as string));\n      } else {\n        value = ((this._value as string | null) ?? '').substring(0, 10);\n      }\n    }\n\n    return html`\n      <vaadin-date-picker\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${this.layout ?? 'standalone'}\n        min=${ifDefined(this.min ?? void 0)}\n        ?clear-button-visible=${!this.hideClearButton}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${value}\n        .i18n=${this.__pickerI18n}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as DatePickerElement;\n\n          if (this.format === 'unix') {\n            this._value = Math.floor((parseDate(field.value)?.getTime() ?? 0) / 1000);\n          } else if (this.format === 'iso-long') {\n            this._value = parseDate(field.value)?.toISOString() ?? null;\n          } else {\n            this._value = field.value;\n          }\n        }}\n      >\n      </vaadin-date-picker>\n    `;\n  }\n\n  private get __pickerI18n() {\n    return {\n      monthNames: getMonthNames(this.lang || 'en'),\n      weekdays: getWeekdayLongNames(this.lang || 'en'),\n      weekdaysShort: getWeekdayShortNames(this.lang || 'en'),\n      firstDayOfWeek: 0,\n      week: this.t('week'),\n      calendar: this.t('calendar'),\n      clear: this.t('clear'),\n      today: this.t('today'),\n      cancel: this.t('cancel'),\n      referenceDate: '',\n      parseDate: null,\n      formatTitle: (m: string, y: string) => m + ' ' + y,\n      formatDate: (d: { day: number; month: number; year: number }) => {\n        return this.t('display_value', { value: new Date(d.year, d.month, d.day) });\n      },\n    };\n  }\n}\n"]}

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

@@ -12,6 +12,7 @@ export declare class AdminSubscriptionForm extends Base<Data> {
     uoeSettingsPage: string | null;
     get hiddenSelector(): BooleanSelector;
     get headerSubtitleKey(): string;
+    renderHeaderActions(): TemplateResult;
     renderBody(): TemplateResult;
 }
 export {};

package/dist/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.js

@@ -23,14 +23,18 @@ export class AdminSubscriptionForm extends Base {
         const data = this.data;
         if (!(data === null || data === void 0 ? void 0 : data.error_message) || !data.past_due_amount)
             alwaysMatch.unshift('error-message');
-        if (!(data === null || data === void 0 ? void 0 : data.is_active))
-            alwaysMatch.unshift('view-action', 'cancel-action');
         return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
     get headerSubtitleKey() {
         const status = getSubscriptionStatus(this.data);
         return status ? `subtitle_${status}` : super.headerSubtitleKey;
     }
+    renderHeaderActions() {
+        return html `
+      <foxy-internal-admin-subscription-form-status-action infer="status-action">
+      </foxy-internal-admin-subscription-form-status-action>
+    `;
+    }
     renderBody() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         let transactionsHref;

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

@@ -1 +1 @@
-{"version":3,"file":"AdminSubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { getSubscriptionStatus } from '../../../utils/get-subscription-status';\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, svg } from 'lit-html';\n\nconst NS = 'admin-subscription-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class AdminSubscriptionForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      uoeSettingsPage: { attribute: 'uoe-settings-page' },\n    };\n  }\n\n  /** URL of the UOE settings page in the admin. If set, displays a link to that page in the self-service links section. */\n  uoeSettingsPage: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete', super.hiddenSelector.toString()];\n    const data = this.data;\n\n    if (!data?.error_message || !data.past_due_amount) alwaysMatch.unshift('error-message');\n    if (!data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleKey(): string {\n    const status = getSubscriptionStatus(this.data);\n    return status ? `subtitle_${status}` : super.headerSubtitleKey;\n  }\n\n  renderBody(): TemplateResult {\n    let transactionsHref: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactionsHref = url.toString();\n    } catch {\n      transactionsHref = undefined;\n    }\n\n    // @ts-expect-error - SDK doesn't know yet about the `fx:charge_past_due` link.\n    const chargePastDueHref: string | undefined = this.data?._links['fx:charge_past_due']?.href;\n    const pastDueAmount = this.data?.past_due_amount;\n    const errorMessage = this.data?.error_message;\n    const currencyCode = this.data?._embedded['fx:transaction_template'].currency_code;\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-admin-subscription-form-error infer=\"error-message\">\n      </foxy-internal-admin-subscription-form-error>\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-frequency-control\n          layout=\"summary-item\"\n          infer=\"frequency\"\n          allow-twice-a-month\n        >\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"next-transaction-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"overdue\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${ifDefined(currencyCode)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        ${chargePastDueHref && currencyCode && pastDueAmount\n          ? html`\n              <foxy-internal-post-action-control\n                message-options=${JSON.stringify({ amount: `${pastDueAmount} ${currencyCode}` })}\n                theme=\"tertiary-inline\"\n                infer=\"charge-past-due\"\n                href=${chargePastDueHref}\n                @success=${() => this.refresh()}\n              >\n              </foxy-internal-post-action-control>\n            `\n          : errorMessage && !pastDueAmount\n          ? html`\n              <details\n                class=\"leading-xs text-xs text-secondary rounded-b focus-within-ring-2 focus-within-ring-inset focus-within-ring-primary-50\"\n                style=\"--gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              >\n                <summary\n                  class=\"cursor-pointer transition-colors hover-text-body focus-outline-none\"\n                >\n                  <span class=\"flex items-start\" style=\"gap: var(--gap)\">\n                    ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z\" clip-rule=\"evenodd\" /></svg>`}\n                    <foxy-i18n infer=\"\" key=\"error_with_zero_past_due_hint\"></foxy-i18n>\n                  </span>\n                </summary>\n                <p style=\"padding-left: calc(1.25em + var(--gap))\" class=\"pt-xs\">\n                  <span class=\"whitespace-pre-line\">${errorMessage}</span>\n                </p>\n              </details>\n            `\n          : ''}\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"self-service-links\">\n        <foxy-internal-admin-subscription-form-link-control infer=\"load-in-cart\">\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"cart=checkout\"\n          infer=\"load-on-checkout\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"sub_cancel=next_transaction_date\"\n          infer=\"cancel-at-end-of-billing-period\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"sub_cancel=true\"\n          infer=\"cancel-next-day\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <div\n          class=\"flex items-start leading-xs text-xs text-secondary\"\n          style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n        >\n          ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z\" clip-rule=\"evenodd\" /></svg>`}\n          <p>\n            <foxy-i18n infer=\"\" key=\"uoe_hint_text\"></foxy-i18n>\n            ${this.uoeSettingsPage\n              ? html`\n                  <a\n                    target=\"_blank\"\n                    class=\"inline-block rounded font-medium text-body cursor-pointer hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                    href=${this.uoeSettingsPage}\n                  >\n                    <foxy-i18n infer=\"\" key=\"uoe_link_text\"></foxy-i18n>\n                  </a>\n                `\n              : ''}\n          </p>\n        </div>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        class=\"min-w-0\"\n        first=${ifDefined(this.data?._links?.['fx:attributes'].href)}\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"transactions\"\n        class=\"min-w-0\"\n        first=${ifDefined(transactionsHref)}\n        item=\"foxy-transaction-card\"\n        form=\"foxy-transaction\"\n        hide-create-button\n        hide-delete-button\n        alert\n        wide\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AdminSubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { getSubscriptionStatus } from '../../../utils/get-subscription-status';\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, svg } from 'lit-html';\n\nconst NS = 'admin-subscription-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class AdminSubscriptionForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      uoeSettingsPage: { attribute: 'uoe-settings-page' },\n    };\n  }\n\n  /** URL of the UOE settings page in the admin. If set, displays a link to that page in the self-service links section. */\n  uoeSettingsPage: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete', super.hiddenSelector.toString()];\n    const data = this.data;\n    if (!data?.error_message || !data.past_due_amount) alwaysMatch.unshift('error-message');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleKey(): string {\n    const status = getSubscriptionStatus(this.data);\n    return status ? `subtitle_${status}` : super.headerSubtitleKey;\n  }\n\n  renderHeaderActions(): TemplateResult {\n    return html`\n      <foxy-internal-admin-subscription-form-status-action infer=\"status-action\">\n      </foxy-internal-admin-subscription-form-status-action>\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let transactionsHref: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactionsHref = url.toString();\n    } catch {\n      transactionsHref = undefined;\n    }\n\n    // @ts-expect-error - SDK doesn't know yet about the `fx:charge_past_due` link.\n    const chargePastDueHref: string | undefined = this.data?._links['fx:charge_past_due']?.href;\n    const pastDueAmount = this.data?.past_due_amount;\n    const errorMessage = this.data?.error_message;\n    const currencyCode = this.data?._embedded['fx:transaction_template'].currency_code;\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-admin-subscription-form-error infer=\"error-message\">\n      </foxy-internal-admin-subscription-form-error>\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-frequency-control\n          layout=\"summary-item\"\n          infer=\"frequency\"\n          allow-twice-a-month\n        >\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"next-transaction-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"overdue\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${ifDefined(currencyCode)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        ${chargePastDueHref && currencyCode && pastDueAmount\n          ? html`\n              <foxy-internal-post-action-control\n                message-options=${JSON.stringify({ amount: `${pastDueAmount} ${currencyCode}` })}\n                theme=\"tertiary-inline\"\n                infer=\"charge-past-due\"\n                href=${chargePastDueHref}\n                @success=${() => this.refresh()}\n              >\n              </foxy-internal-post-action-control>\n            `\n          : errorMessage && !pastDueAmount\n          ? html`\n              <details\n                class=\"leading-xs text-xs text-secondary rounded-b focus-within-ring-2 focus-within-ring-inset focus-within-ring-primary-50\"\n                style=\"--gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              >\n                <summary\n                  class=\"cursor-pointer transition-colors hover-text-body focus-outline-none\"\n                >\n                  <span class=\"flex items-start\" style=\"gap: var(--gap)\">\n                    ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z\" clip-rule=\"evenodd\" /></svg>`}\n                    <foxy-i18n infer=\"\" key=\"error_with_zero_past_due_hint\"></foxy-i18n>\n                  </span>\n                </summary>\n                <p style=\"padding-left: calc(1.25em + var(--gap))\" class=\"pt-xs\">\n                  <span class=\"whitespace-pre-line\">${errorMessage}</span>\n                </p>\n              </details>\n            `\n          : ''}\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"self-service-links\">\n        <foxy-internal-admin-subscription-form-link-control infer=\"load-in-cart\">\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"cart=checkout\"\n          infer=\"load-on-checkout\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"sub_cancel=next_transaction_date\"\n          infer=\"cancel-at-end-of-billing-period\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"sub_cancel=true\"\n          infer=\"cancel-next-day\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <div\n          class=\"flex items-start leading-xs text-xs text-secondary\"\n          style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n        >\n          ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z\" clip-rule=\"evenodd\" /></svg>`}\n          <p>\n            <foxy-i18n infer=\"\" key=\"uoe_hint_text\"></foxy-i18n>\n            ${this.uoeSettingsPage\n              ? html`\n                  <a\n                    target=\"_blank\"\n                    class=\"inline-block rounded font-medium text-body cursor-pointer hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                    href=${this.uoeSettingsPage}\n                  >\n                    <foxy-i18n infer=\"\" key=\"uoe_link_text\"></foxy-i18n>\n                  </a>\n                `\n              : ''}\n          </p>\n        </div>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        class=\"min-w-0\"\n        first=${ifDefined(this.data?._links?.['fx:attributes'].href)}\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"transactions\"\n        class=\"min-w-0\"\n        first=${ifDefined(transactionsHref)}\n        item=\"foxy-transaction-card\"\n        form=\"foxy-transaction\"\n        hide-create-button\n        hide-delete-button\n        alert\n        wide\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -8,6 +8,7 @@ import '../TransactionCard/index';
 import '../AttributeCard/index';
 import '../AttributeForm/index';
 import '../Transaction/index';
+import './internal/InternalAdminSubscriptionFormStatusAction/index';
 import './internal/InternalAdminSubscriptionFormLinkControl/index';
 import './internal/InternalAdminSubscriptionFormError/index';
 import { AdminSubscriptionForm } from './AdminSubscriptionForm';

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

@@ -8,6 +8,7 @@ import "../TransactionCard/index.js";
 import "../AttributeCard/index.js";
 import "../AttributeForm/index.js";
 import "../Transaction/index.js";
+import "./internal/InternalAdminSubscriptionFormStatusAction/index.js";
 import "./internal/InternalAdminSubscriptionFormLinkControl/index.js";
 import "./internal/InternalAdminSubscriptionFormError/index.js";
 import { AdminSubscriptionForm } from "./AdminSubscriptionForm.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/index.ts"],"names":[],"mappings":"AAAA,2DAAwD;AACxD,0DAAuD;AACvD,0DAAuD;AACvD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,qCAAkC;AAClC,mCAAgC;AAChC,mCAAgC;AAChC,iCAA8B;AAE9B,sEAAmE;AACnE,gEAA6D;AAE7D,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalPostActionControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../TransactionCard/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../Transaction/index';\n\nimport './internal/InternalAdminSubscriptionFormLinkControl/index';\nimport './internal/InternalAdminSubscriptionFormError/index';\n\nimport { AdminSubscriptionForm } from './AdminSubscriptionForm';\n\ncustomElements.define('foxy-admin-subscription-form', AdminSubscriptionForm);\n\nexport { AdminSubscriptionForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/index.ts"],"names":[],"mappings":"AAAA,2DAAwD;AACxD,0DAAuD;AACvD,0DAAuD;AACvD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,qCAAkC;AAClC,mCAAgC;AAChC,mCAAgC;AAChC,iCAA8B;AAE9B,uEAAoE;AACpE,sEAAmE;AACnE,gEAA6D;AAE7D,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalPostActionControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../TransactionCard/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../Transaction/index';\n\nimport './internal/InternalAdminSubscriptionFormStatusAction/index';\nimport './internal/InternalAdminSubscriptionFormLinkControl/index';\nimport './internal/InternalAdminSubscriptionFormError/index';\n\nimport { AdminSubscriptionForm } from './AdminSubscriptionForm';\n\ncustomElements.define('foxy-admin-subscription-form', AdminSubscriptionForm);\n\nexport { AdminSubscriptionForm };\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/InternalAdminSubscriptionFormStatusAction.d.ts

@@ -0,0 +1,7 @@
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+export declare class InternalAdminSubscriptionFormStatusAction extends InternalControl {
+    get hiddenSelector(): BooleanSelector;
+    renderControl(): TemplateResult;
+}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/InternalAdminSubscriptionFormStatusAction.js

@@ -0,0 +1,65 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class InternalAdminSubscriptionFormStatusAction extends InternalControl {
+    get hiddenSelector() {
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        alwaysMatch.unshift('form:save-button');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
+    renderControl() {
+        var _a, _b;
+        const nucleon = this.nucleon;
+        const endDate = (_a = nucleon === null || nucleon === void 0 ? void 0 : nucleon.data) === null || _a === void 0 ? void 0 : _a.end_date;
+        const isActive = (_b = nucleon === null || nucleon === void 0 ? void 0 : nucleon.data) === null || _b === void 0 ? void 0 : _b.is_active;
+        const isCancelled = endDate && endDate !== '0000-00-00';
+        const status = isActive ? (isCancelled ? 'uncancel' : 'cancel') : 'reactivate';
+        const showActionForm = !isActive || !endDate || endDate === '0000-00-00';
+        return html `
+      <vaadin-button
+        theme="tertiary-inline${showActionForm ? (isActive ? ' error' : ' success') : ''}"
+        @click=${(evt) => {
+            var _a;
+            const button = evt.currentTarget;
+            (_a = this.renderRoot.querySelector('#dialog')) === null || _a === void 0 ? void 0 : _a.show(button);
+        }}
+      >
+        <foxy-i18n infer="" key="caption_${status}"></foxy-i18n>
+      </vaadin-button>
+
+      ${showActionForm
+            ? html `
+            <foxy-form-dialog
+              infer="form"
+              form="foxy-internal-admin-subscription-form-status-action-form"
+              href=${ifDefined(nucleon === null || nucleon === void 0 ? void 0 : nucleon.href)}
+              no-confirm-when-dirty
+              close-on-patch
+              alert
+              id="dialog"
+            >
+            </foxy-form-dialog>
+          `
+            : html `
+            <foxy-internal-confirm-dialog
+              message="uncancel_message"
+              confirm="uncancel_confirm"
+              cancel="uncancel_cancel"
+              header="uncancel_header"
+              infer=""
+              id="dialog"
+              @hide=${(evt) => {
+                var _a, _b;
+                if (!evt.detail.cancelled) {
+                    (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({ end_date: '0000-00-00' });
+                    (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.submit();
+                }
+            }}
+            >
+            </foxy-internal-confirm-dialog>
+          `}
+    `;
+    }
+}
+//# sourceMappingURL=InternalAdminSubscriptionFormStatusAction.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/InternalAdminSubscriptionFormStatusAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalAdminSubscriptionFormStatusAction.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/InternalAdminSubscriptionFormStatusAction.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,yCAA0C,SAAQ,eAAe;IAC5E,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,WAAW,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QACxC,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,aAAa;;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAuC,CAAC;QAC7D,MAAM,OAAO,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,QAAQ,CAAC;QACxC,MAAM,QAAQ,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,CAAC;QAC1C,MAAM,WAAW,GAAG,OAAO,IAAI,OAAO,KAAK,YAAY,CAAC;QACxD,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/E,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,YAAY,CAAC;QAEzE,OAAO,IAAI,CAAA;;gCAEiB,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;iBACvE,CAAC,GAAU,EAAE,EAAE;;YACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAA4B,CAAC;YAChD,MAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAa,SAAS,CAAC,0CAAE,IAAI,CAAC,MAAM,EAAE;QACrE,CAAC;;2CAEkC,MAAM;;;QAGzC,cAAc;YACd,CAAC,CAAC,IAAI,CAAA;;;;qBAIO,SAAS,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;;;;;;;WAOlC;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;sBAQQ,CAAC,GAAoB,EAAE,EAAE;;gBAC/B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;oBACzB,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;oBAC/C,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAG;iBACxB;YACH,CAAC;;;WAGJ;KACN,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { AdminSubscriptionForm } from '../../AdminSubscriptionForm';\nimport type { DialogHideEvent } from '../../../../private/Dialog/DialogHideEvent';\nimport type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalAdminSubscriptionFormStatusAction extends InternalControl {\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    alwaysMatch.unshift('form:save-button');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderControl(): TemplateResult {\n    const nucleon = this.nucleon as AdminSubscriptionForm | null;\n    const endDate = nucleon?.data?.end_date;\n    const isActive = nucleon?.data?.is_active;\n    const isCancelled = endDate && endDate !== '0000-00-00';\n    const status = isActive ? (isCancelled ? 'uncancel' : 'cancel') : 'reactivate';\n    const showActionForm = !isActive || !endDate || endDate === '0000-00-00';\n\n    return html`\n      <vaadin-button\n        theme=\"tertiary-inline${showActionForm ? (isActive ? ' error' : ' success') : ''}\"\n        @click=${(evt: Event) => {\n          const button = evt.currentTarget as HTMLElement;\n          this.renderRoot.querySelector<FormDialog>('#dialog')?.show(button);\n        }}\n      >\n        <foxy-i18n infer=\"\" key=\"caption_${status}\"></foxy-i18n>\n      </vaadin-button>\n\n      ${showActionForm\n        ? html`\n            <foxy-form-dialog\n              infer=\"form\"\n              form=\"foxy-internal-admin-subscription-form-status-action-form\"\n              href=${ifDefined(nucleon?.href)}\n              no-confirm-when-dirty\n              close-on-patch\n              alert\n              id=\"dialog\"\n            >\n            </foxy-form-dialog>\n          `\n        : html`\n            <foxy-internal-confirm-dialog\n              message=\"uncancel_message\"\n              confirm=\"uncancel_confirm\"\n              cancel=\"uncancel_cancel\"\n              header=\"uncancel_header\"\n              infer=\"\"\n              id=\"dialog\"\n              @hide=${(evt: DialogHideEvent) => {\n                if (!evt.detail.cancelled) {\n                  this.nucleon?.edit({ end_date: '0000-00-00' });\n                  this.nucleon?.submit();\n                }\n              }}\n            >\n            </foxy-internal-confirm-dialog>\n          `}\n    `;\n  }\n}\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/index.d.ts

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-button';
+import '../../../../internal/InternalConfirmDialog/index';
+import '../../../../internal/InternalControl/index';
+import '../../../FormDialog/index';
+import '../../../I18n/index';
+import '../InternalAdminSubscriptionFormStatusActionForm/index';
+import { InternalAdminSubscriptionFormStatusAction } from './InternalAdminSubscriptionFormStatusAction';
+export { InternalAdminSubscriptionFormStatusAction };

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/index.js

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalConfirmDialog/index.js";
+import "../../../../internal/InternalControl/index.js";
+import "../../../FormDialog/index.js";
+import "../../../I18n/index.js";
+import "../InternalAdminSubscriptionFormStatusActionForm/index.js";
+import { InternalAdminSubscriptionFormStatusAction } from "./InternalAdminSubscriptionFormStatusAction.js";
+customElements.define('foxy-internal-admin-subscription-form-status-action', InternalAdminSubscriptionFormStatusAction);
+export { InternalAdminSubscriptionFormStatusAction };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,6DAA0D;AAC1D,uDAAoD;AAEpD,sCAAmC;AACnC,gCAA6B;AAE7B,mEAAgE;AAEhE,OAAO,EAAE,yCAAyC,EAAE,uDAAoD;AAExG,cAAc,CAAC,MAAM,CACnB,qDAAqD,EACrD,yCAAyC,CAC1C,CAAC;AAEF,OAAO,EAAE,yCAAyC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../../../internal/InternalConfirmDialog/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../FormDialog/index';\nimport '../../../I18n/index';\n\nimport '../InternalAdminSubscriptionFormStatusActionForm/index';\n\nimport { InternalAdminSubscriptionFormStatusAction } from './InternalAdminSubscriptionFormStatusAction';\n\ncustomElements.define(\n  'foxy-internal-admin-subscription-form-status-action',\n  InternalAdminSubscriptionFormStatusAction\n);\n\nexport { InternalAdminSubscriptionFormStatusAction };\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/InternalAdminSubscriptionFormStatusActionForm.d.ts

@@ -0,0 +1,18 @@
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../../../NucleonElement/types';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../../../internal/InternalForm/InternalForm';
+export declare class InternalAdminSubscriptionFormStatusActionForm extends InternalForm<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    private readonly __endDatePresetOptions;
+    private readonly __endDatePresetGetValue;
+    private readonly __endDatePresetSetValue;
+    private readonly __endDateGetValue;
+    private readonly __nextTransactionDateGetValue;
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    submit(): void;
+    protected _sendPatch(edits: Partial<Data>): Promise<Data>;
+    private __renderFaq;
+}