@foxy.io/elements 1.40.0 → 1.41.0-beta.2

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

@@ -869,14 +869,19 @@
       "unchecked": "Not sent"
     },
     "process-webhook": {
-      "idle": "Resend datafeed",
-      "busy": "Resending datafeed...",
-      "fail": "Failed to resend datafeed",
-      "confirm": {
-        "header": "Resend datafeed",
-        "message": "Are you sure you'd like to resend XML datafeed for this transaction?",
+      "button": {
+        "idle": "Resend datafeed",
+        "busy": "Processing..."
+      },
+      "notification": {
+        "success": "XML datafeed resent successfully",
+        "error": "Failed to resend datafeed"
+      },
+      "confirm-dialog": {
+        "message": "This will attempt to resend the XML datafeed. Would you like to proceed?",
         "confirm": "Yes",
-        "cancel": "No"
+        "cancel": "No",
+        "header": "Resend datafeed"
       }
     }
   },
@@ -1674,47 +1679,67 @@
   },
   "actions": {
     "capture": {
-      "idle": "Capture",
-      "busy": "Capturing...",
-      "fail": "Failed to capture",
-      "confirm": {
-        "header": "Capture",
-        "message": "Are you sure you'd like to capture this transaction?",
+      "button": {
+        "idle": "Capture",
+        "busy": "Processing..."
+      },
+      "notification": {
+        "success": "Captured successfully",
+        "error": "Failed to capture"
+      },
+      "confirm-dialog": {
+        "message": "This will attempt to capture this transaction. Would you like to proceed?",
         "confirm": "Yes",
-        "cancel": "No"
+        "cancel": "No",
+        "header": "Capture"
       }
     },
     "void": {
-      "idle": "Void",
-      "busy": "Voiding...",
-      "fail": "Failed to void",
-      "confirm": {
-        "header": "Void",
-        "message": "Are you sure you'd like to void this transaction?",
+      "button": {
+        "idle": "Void",
+        "busy": "Processing..."
+      },
+      "notification": {
+        "success": "Voided successfully",
+        "error": "Failed to void"
+      },
+      "confirm-dialog": {
+        "message": "This will attempt to void this transaction. Would you like to proceed?",
         "confirm": "Yes",
-        "cancel": "No"
+        "cancel": "No",
+        "header": "Void"
       }
     },
     "refund": {
-      "idle": "Refund",
-      "busy": "Refunding...",
-      "fail": "Failed to refund",
-      "confirm": {
-        "header": "Refund",
-        "message": "Are you sure you'd like to refund this transaction?",
+      "button": {
+        "idle": "Refund",
+        "busy": "Processing..."
+      },
+      "notification": {
+        "success": "Refunded successfully",
+        "error": "Failed to refund"
+      },
+      "confirm-dialog": {
+        "message": "This will attempt to refund this transaction. Would you like to proceed?",
         "confirm": "Yes",
-        "cancel": "No"
+        "cancel": "No",
+        "header": "Refund"
       }
     },
     "send-emails": {
-      "idle": "Resend emails",
-      "busy": "Resending emails...",
-      "fail": "Failed to resend emails",
-      "confirm": {
-        "header": "Send emails",
-        "message": "Are you sure you'd like to send emails for this transaction?",
+      "button": {
+        "idle": "Resend emails",
+        "busy": "Sending..."
+      },
+      "notification": {
+        "success": "Emails resent successfully",
+        "error": "Failed to resend emails"
+      },
+      "confirm-dialog": {
+        "message": "This will attempt to resend emails for this transaction. Would you like to proceed?",
         "confirm": "Yes",
-        "cancel": "No"
+        "cancel": "No",
+        "header": "Resend emails"
       }
     },
     "subscription": {

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

@@ -6,6 +6,7 @@ export declare class InternalConfirmDialog extends Dialog {
     readonly closable = false;
     readonly editable = false;
     readonly alert = true;
+    messageOptions: Record<string, string>;
     confirm: string;
     message: string;
     cancel: string;

package/dist/elements/internal/InternalConfirmDialog/InternalConfirmDialog.js

@@ -6,6 +6,7 @@ export class InternalConfirmDialog extends Dialog {
         this.closable = false;
         this.editable = false;
         this.alert = true;
+        this.messageOptions = {};
         this.confirm = 'confirm';
         this.message = 'message';
         this.cancel = 'cancel';
@@ -14,6 +15,7 @@ export class InternalConfirmDialog extends Dialog {
     static get properties() {
         return {
             ...super.properties,
+            messageOptions: { type: Object, attribute: 'message-options' },
             confirm: { type: String },
             message: { type: String },
             cancel: { type: String },
@@ -27,6 +29,7 @@ export class InternalConfirmDialog extends Dialog {
           lang=${this.lang}
           key=${this.message}
           ns=${this.ns}
+          .options=${this.messageOptions}
         >
         </foxy-i18n>
 

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

@@ -1 +1 @@
-{"version":3,"file":"InternalConfirmDialog.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalConfirmDialog/InternalConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,uCAAoC;AAGrD,MAAM,OAAO,qBAAsB,SAAQ,MAAM;IAAjD;;QAWW,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAG,IAAI,CAAC;QAEtB,YAAO,GAAG,SAAS,CAAC;QAEpB,YAAO,GAAG,SAAS,CAAC;QAEpB,WAAM,GAAG,QAAQ,CAAC;QAElB,UAAK,GAAG,SAAS,CAAC;IAqCpB,CAAC;IA3DC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAgBD,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CACjB,GAAG,EAAE,CAAC,IAAI,CAAA;;;iBAGC,IAAI,CAAC,IAAI;gBACV,IAAI,CAAC,OAAO;eACb,IAAI,CAAC,EAAE;;;;;6DAKuC,IAAI,CAAC,cAAc;4BACpD,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,MAAM;;;;oBAIpD,IAAI,CAAC,KAAK;;qBAET,IAAI,CAAC,eAAe;;4BAEb,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,OAAO;;;OAGlE,CACF,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,cAAc;QAC1B,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAEO,KAAK,CAAC,eAAe;QAC3B,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Dialog } from '../../private/Dialog/Dialog';\nimport { PropertyDeclarations } from 'lit-element';\n\nexport class InternalConfirmDialog extends Dialog {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      confirm: { type: String },\n      message: { type: String },\n      cancel: { type: String },\n      theme: { type: String },\n    };\n  }\n\n  readonly closable = false;\n\n  readonly editable = false;\n\n  readonly alert = true;\n\n  confirm = 'confirm';\n\n  message = 'message';\n\n  cancel = 'cancel';\n\n  theme = 'primary';\n\n  render(): TemplateResult {\n    return super.render(\n      () => html`\n        <foxy-i18n\n          class=\"block font-lumo text-m text-body text-center mb-m\"\n          lang=${this.lang}\n          key=${this.message}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        <div class=\"grid grid-cols-2 gap-m\">\n          <vaadin-button data-testid=\"cancelButton\" @click=${this.__handleCancel}>\n            <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.cancel}></foxy-i18n>\n          </vaadin-button>\n\n          <vaadin-button\n            theme=${this.theme}\n            data-testid=\"confirmButton\"\n            @click=${this.__handleConfirm}\n          >\n            <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.confirm}></foxy-i18n>\n          </vaadin-button>\n        </div>\n      `\n    );\n  }\n\n  private async __handleCancel() {\n    await this.hide(true);\n  }\n\n  private async __handleConfirm() {\n    await this.hide();\n  }\n}\n"]}
+{"version":3,"file":"InternalConfirmDialog.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalConfirmDialog/InternalConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,uCAAoC;AAGrD,MAAM,OAAO,qBAAsB,SAAQ,MAAM;IAAjD;;QAYW,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAG,IAAI,CAAC;QAEtB,mBAAc,GAA2B,EAAE,CAAC;QAE5C,YAAO,GAAG,SAAS,CAAC;QAEpB,YAAO,GAAG,SAAS,CAAC;QAEpB,WAAM,GAAG,QAAQ,CAAC;QAElB,UAAK,GAAG,SAAS,CAAC;IAsCpB,CAAC;IA/DC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAkBD,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CACjB,GAAG,EAAE,CAAC,IAAI,CAAA;;;iBAGC,IAAI,CAAC,IAAI;gBACV,IAAI,CAAC,OAAO;eACb,IAAI,CAAC,EAAE;qBACD,IAAI,CAAC,cAAc;;;;;6DAKqB,IAAI,CAAC,cAAc;4BACpD,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,MAAM;;;;oBAIpD,IAAI,CAAC,KAAK;;qBAET,IAAI,CAAC,eAAe;;4BAEb,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,OAAO;;;OAGlE,CACF,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,cAAc;QAC1B,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAEO,KAAK,CAAC,eAAe;QAC3B,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Dialog } from '../../private/Dialog/Dialog';\nimport { PropertyDeclarations } from 'lit-element';\n\nexport class InternalConfirmDialog extends Dialog {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      messageOptions: { type: Object, attribute: 'message-options' },\n      confirm: { type: String },\n      message: { type: String },\n      cancel: { type: String },\n      theme: { type: String },\n    };\n  }\n\n  readonly closable = false;\n\n  readonly editable = false;\n\n  readonly alert = true;\n\n  messageOptions: Record<string, string> = {};\n\n  confirm = 'confirm';\n\n  message = 'message';\n\n  cancel = 'cancel';\n\n  theme = 'primary';\n\n  render(): TemplateResult {\n    return super.render(\n      () => html`\n        <foxy-i18n\n          class=\"block font-lumo text-m text-body text-center mb-m\"\n          lang=${this.lang}\n          key=${this.message}\n          ns=${this.ns}\n          .options=${this.messageOptions}\n        >\n        </foxy-i18n>\n\n        <div class=\"grid grid-cols-2 gap-m\">\n          <vaadin-button data-testid=\"cancelButton\" @click=${this.__handleCancel}>\n            <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.cancel}></foxy-i18n>\n          </vaadin-button>\n\n          <vaadin-button\n            theme=${this.theme}\n            data-testid=\"confirmButton\"\n            @click=${this.__handleConfirm}\n          >\n            <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.confirm}></foxy-i18n>\n          </vaadin-button>\n        </div>\n      `\n    );\n  }\n\n  private async __handleCancel() {\n    await this.hide(true);\n  }\n\n  private async __handleConfirm() {\n    await this.hide();\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalControl } from '../InternalControl/InternalControl';
+export declare class InternalPostActionControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    messageOptions: Record<string, string>;
+    theme: string | null;
+    href: string | null;
+    private __buttonState;
+    private readonly __api;
+    renderControl(): TemplateResult;
+    private __sendPost;
+    private __getNotificationRenderer;
+}

package/dist/elements/internal/InternalPostActionControl/InternalPostActionControl.js

@@ -0,0 +1,98 @@
+import { InternalControl } from "../InternalControl/InternalControl.js";
+import { html, render } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { API } from "../../public/NucleonElement/API.js";
+export class InternalPostActionControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.messageOptions = {};
+        this.theme = null;
+        this.href = null;
+        this.__buttonState = 'idle';
+        this.__api = new API(this);
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            messageOptions: { type: Object, attribute: 'message-options' },
+            theme: {},
+            href: {},
+            __buttonState: {},
+        };
+    }
+    renderControl() {
+        var _a;
+        return html `
+      <foxy-internal-confirm-dialog
+        header="header"
+        infer="confirm-dialog"
+        id="confirm-dialog"
+        .messageOptions=${this.messageOptions}
+        @hide=${(evt) => {
+            if (!evt.detail.cancelled)
+                this.__sendPost();
+        }}
+      >
+      </foxy-internal-confirm-dialog>
+
+      <vaadin-notification
+        position="bottom-end"
+        duration="3000"
+        theme="success"
+        id="success-notification"
+        .renderer=${this.__getNotificationRenderer('success')}
+      >
+      </vaadin-notification>
+
+      <vaadin-notification
+        position="bottom-end"
+        duration="3000"
+        theme="error"
+        id="error-notification"
+        .renderer=${this.__getNotificationRenderer('error')}
+      >
+      </vaadin-notification>
+
+      <vaadin-button
+        theme=${ifDefined((_a = this.theme) !== null && _a !== void 0 ? _a : void 0)}
+        ?disabled=${this.disabled || this.readonly || this.__buttonState !== 'idle'}
+        @click=${(evt) => {
+            const button = evt.currentTarget;
+            const dialog = this.renderRoot.querySelector('#confirm-dialog');
+            dialog === null || dialog === void 0 ? void 0 : dialog.show(button);
+        }}
+      >
+        <foxy-i18n infer="button" key=${this.__buttonState}></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+    async __sendPost() {
+        if (this.href && this.__buttonState === 'idle') {
+            this.__buttonState = 'busy';
+            const response = await this.__api.fetch(this.href, { method: 'POST' });
+            const result = response.ok ? 'success' : 'error';
+            const selector = `#${result}-notification`;
+            const notification = this.renderRoot.querySelector(selector);
+            notification === null || notification === void 0 ? void 0 : notification.open();
+            this.__buttonState = 'idle';
+            this.dispatchEvent(new CustomEvent(result));
+        }
+    }
+    __getNotificationRenderer(state) {
+        return (root) => {
+            if (!root.firstElementChild)
+                root.innerHTML = '<span></span>';
+            const layout = html `
+        <foxy-i18n
+          style="color: var(--lumo-${state}-contrast-color)"
+          lang=${this.lang}
+          key=${state}
+          ns="${this.ns} notification"
+        >
+        </foxy-i18n>
+      `;
+            render(layout, root.firstElementChild);
+        };
+    }
+}
+//# sourceMappingURL=InternalPostActionControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalPostActionControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPostActionControl/InternalPostActionControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog/InternalConfirmDialog';\nimport type { NotificationElement } from '@vaadin/vaadin-notification';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ButtonElement } from '@vaadin/vaadin-button';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html, render } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { API } from '../../public/NucleonElement/API';\n\nexport class InternalPostActionControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      messageOptions: { type: Object, attribute: 'message-options' },\n      theme: {},\n      href: {},\n      __buttonState: {},\n    };\n  }\n\n  messageOptions: Record<string, string> = {};\n\n  theme: string | null = null;\n\n  href: string | null = null;\n\n  private __buttonState: 'idle' | 'busy' = 'idle';\n\n  private readonly __api = new API(this);\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        header=\"header\"\n        infer=\"confirm-dialog\"\n        id=\"confirm-dialog\"\n        .messageOptions=${this.messageOptions}\n        @hide=${(evt: DialogHideEvent) => {\n          if (!evt.detail.cancelled) this.__sendPost();\n        }}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <vaadin-notification\n        position=\"bottom-end\"\n        duration=\"3000\"\n        theme=\"success\"\n        id=\"success-notification\"\n        .renderer=${this.__getNotificationRenderer('success')}\n      >\n      </vaadin-notification>\n\n      <vaadin-notification\n        position=\"bottom-end\"\n        duration=\"3000\"\n        theme=\"error\"\n        id=\"error-notification\"\n        .renderer=${this.__getNotificationRenderer('error')}\n      >\n      </vaadin-notification>\n\n      <vaadin-button\n        theme=${ifDefined(this.theme ?? void 0)}\n        ?disabled=${this.disabled || this.readonly || this.__buttonState !== 'idle'}\n        @click=${(evt: CustomEvent) => {\n          const button = evt.currentTarget as ButtonElement;\n          const dialog = this.renderRoot.querySelector<InternalConfirmDialog>('#confirm-dialog');\n          dialog?.show(button);\n        }}\n      >\n        <foxy-i18n infer=\"button\" key=${this.__buttonState}></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private async __sendPost() {\n    if (this.href && this.__buttonState === 'idle') {\n      this.__buttonState = 'busy';\n\n      const response = await this.__api.fetch(this.href, { method: 'POST' });\n      const result = response.ok ? 'success' : 'error';\n      const selector = `#${result}-notification`;\n      const notification = this.renderRoot.querySelector<NotificationElement>(selector);\n\n      notification?.open();\n      this.__buttonState = 'idle';\n      this.dispatchEvent(new CustomEvent(result));\n    }\n  }\n\n  private __getNotificationRenderer(state: 'success' | 'error') {\n    return (root: HTMLElement) => {\n      if (!root.firstElementChild) root.innerHTML = '<span></span>';\n\n      const layout = html`\n        <foxy-i18n\n          style=\"color: var(--lumo-${state}-contrast-color)\"\n          lang=${this.lang}\n          key=${state}\n          ns=\"${this.ns} notification\"\n        >\n        </foxy-i18n>\n      `;\n\n      render(layout, root.firstElementChild!);\n    };\n  }\n}\n"]}

package/dist/elements/internal/InternalPostActionControl/index.d.ts

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-notification';
+import '@vaadin/vaadin-button';
+import '../InternalConfirmDialog/index';
+import '../InternalControl/index';
+import '../../public/I18n/index';
+import { InternalPostActionControl } from './InternalPostActionControl';
+export { InternalPostActionControl };

package/dist/elements/internal/InternalPostActionControl/index.js

@@ -0,0 +1,9 @@
+import '@vaadin/vaadin-notification';
+import '@vaadin/vaadin-button';
+import "../InternalConfirmDialog/index.js";
+import "../InternalControl/index.js";
+import "../../public/I18n/index.js";
+import { InternalPostActionControl } from "./InternalPostActionControl.js";
+customElements.define('foxy-internal-post-action-control', InternalPostActionControl);
+export { InternalPostActionControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalPostActionControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPostActionControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,uBAAuB,CAAC;AAE/B,2CAAwC;AACxC,qCAAkC;AAElC,oCAAiC;AAEjC,OAAO,EAAE,yBAAyB,EAAE,uCAAoC;AAExE,cAAc,CAAC,MAAM,CAAC,mCAAmC,EAAE,yBAAyB,CAAC,CAAC;AAEtF,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-notification';\nimport '@vaadin/vaadin-button';\n\nimport '../InternalConfirmDialog/index';\nimport '../InternalControl/index';\n\nimport '../../public/I18n/index';\n\nimport { InternalPostActionControl } from './InternalPostActionControl';\n\ncustomElements.define('foxy-internal-post-action-control', InternalPostActionControl);\n\nexport { InternalPostActionControl };\n"]}

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

@@ -32,16 +32,20 @@ export class AdminSubscriptionForm extends Base {
         return status ? `subtitle_${status}` : super.headerSubtitleKey;
     }
     renderBody() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         let transactionsHref;
         try {
             const url = new URL((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:transactions'].href) !== null && _b !== void 0 ? _b : '');
             url.searchParams.set('zoom', 'items');
             transactionsHref = url.toString();
         }
-        catch (_f) {
+        catch (_j) {
             transactionsHref = undefined;
         }
+        // @ts-expect-error - SDK doesn't know yet about the `fx:charge_past_due` link.
+        const chargePastDueHref = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:charge_past_due']) === null || _d === void 0 ? void 0 : _d.href;
+        const pastDueAmount = (_e = this.data) === null || _e === void 0 ? void 0 : _e.past_due_amount;
+        const currencyCode = (_f = this.data) === null || _f === void 0 ? void 0 : _f._embedded['fx:transaction_template'].currency_code;
         return html `
       ${this.renderHeader()}
 
@@ -66,11 +70,24 @@ export class AdminSubscriptionForm extends Base {
       <foxy-internal-summary-control infer="overdue">
         <foxy-internal-number-control
           layout="summary-item"
-          suffix=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._embedded['fx:transaction_template'].currency_code)}
+          suffix=${ifDefined(currencyCode)}
           infer="past-due-amount"
           min="0"
         >
         </foxy-internal-number-control>
+
+        ${chargePastDueHref && currencyCode && pastDueAmount
+            ? html `
+              <foxy-internal-post-action-control
+                message-options=${JSON.stringify({ amount: `${pastDueAmount} ${currencyCode}` })}
+                theme="tertiary-inline"
+                infer="charge-past-due"
+                href=${chargePastDueHref}
+                @success=${() => this.refresh()}
+              >
+              </foxy-internal-post-action-control>
+            `
+            : ''}
       </foxy-internal-summary-control>
 
       <foxy-internal-summary-control infer="self-service-links">
@@ -122,7 +139,7 @@ export class AdminSubscriptionForm extends Base {
       <foxy-internal-async-list-control
         infer="attributes"
         class="min-w-0"
-        first=${ifDefined((_e = (_d = this.data) === null || _d === void 0 ? void 0 : _d._links) === null || _e === void 0 ? void 0 : _e['fx:attributes'].href)}
+        first=${ifDefined((_h = (_g = this.data) === null || _g === void 0 ? void 0 : _g._links) === null || _h === void 0 ? void 0 : _h['fx:attributes'].href)}
         item="foxy-attribute-card"
         form="foxy-attribute-form"
         alert

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":"AAIA,OAAO,EAAE,qBAAqB,EAAE,kDAA+C;AAC/E,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,EAAE,GAAG,yBAAyB,CAAC;AACrC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IAArD;;QAQE,yHAAyH;QACzH,oBAAe,GAAkB,IAAI,CAAC;IAgIxC,CAAC;IAxIC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,eAAe,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE;SACpD,CAAC;IACJ,CAAC;IAKD,IAAI,cAAc;;QAChB,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACpE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAC/E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,iBAAiB;QACnB,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,OAAO,MAAM,CAAC,CAAC,CAAC,YAAY,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC;IACjE,CAAC;IAED,UAAU;;QACR,IAAI,gBAAoC,CAAC;QAEzC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,SAAS,CAAC;SAC9B;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;mBAuBR,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,yBAAyB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAiC/E,GAAG,CAAA,qWAAqW;;;cAGtW,IAAI,CAAC,eAAe;YACpB,CAAC,CAAC,IAAI,CAAA;;;;2BAIO,IAAI,CAAC,eAAe;;;;iBAI9B;YACH,CAAC,CAAC,EAAE;;;;;QAKV,IAAI,CAAC,oBAAoB,EAAE;;;;;gBAKnB,SAAS,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,0CAAG,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;gBAUpD,SAAS,CAAC,gBAAgB,CAAC;;;;;;;;;;QAUnC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","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    if (!this.data?.error_message) alwaysMatch.unshift('error-message');\n    if (!this.data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\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    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(this.data?._embedded['fx:transaction_template'].currency_code)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\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    if (!this.data?.error_message) alwaysMatch.unshift('error-message');\n    if (!this.data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\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 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          : ''}\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

@@ -1,3 +1,4 @@
+import '../../internal/InternalPostActionControl/index';
 import '../../internal/InternalAsyncListControl/index';
 import '../../internal/InternalFrequencyControl/index';
 import '../../internal/InternalNumberControl/index';

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

@@ -1,3 +1,4 @@
+import "../../internal/InternalPostActionControl/index.js";
 import "../../internal/InternalAsyncListControl/index.js";
 import "../../internal/InternalFrequencyControl/index.js";
 import "../../internal/InternalNumberControl/index.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,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/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,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"]}

package/dist/elements/public/CouponForm/CouponForm.js

@@ -170,7 +170,10 @@ export class CouponForm extends Base {
     }
     get hiddenSelector() {
         const alwaysMatch = [super.hiddenSelector.toString()];
-        if (!this.data) {
+        if (this.data) {
+            alwaysMatch.push('coupon-codes-stub', 'category-restrictions-stub', 'attributes-stub');
+        }
+        else {
             alwaysMatch.push('coupon-codes', 'category-restrictions', 'attributes');
         }
         return new BooleanSelector(alwaysMatch.join(' ').trim());
@@ -220,6 +223,10 @@ export class CouponForm extends Base {
       <foxy-internal-coupon-form-rules-control infer="rules">
       </foxy-internal-coupon-form-rules-control>
 
+      <foxy-internal-summary-control infer="coupon-codes-stub">
+        <p class="text-disabled"><foxy-i18n infer="" key="text"></foxy-i18n></p>
+      </foxy-internal-summary-control>
+
       <foxy-internal-async-list-control
         first=${codesUrl}
         limit="5"
@@ -268,6 +275,10 @@ export class CouponForm extends Base {
         <foxy-internal-switch-control infer="customer-auto-apply"></foxy-internal-switch-control>
       </foxy-internal-summary-control>
 
+      <foxy-internal-summary-control infer="category-restrictions-stub">
+        <p class="text-disabled"><foxy-i18n infer="" key="text"></foxy-i18n></p>
+      </foxy-internal-summary-control>
+
       <foxy-internal-async-resource-link-list-control
         foreign-key-for-uri="item_category_uri"
         foreign-key-for-id="item_category_id"
@@ -336,6 +347,10 @@ export class CouponForm extends Base {
         <foxy-internal-switch-control infer="shared-codes-allowed"></foxy-internal-switch-control>
       </foxy-internal-summary-control>
 
+      <foxy-internal-summary-control infer="attributes-stub">
+        <p class="text-disabled"><foxy-i18n infer="" key="text"></foxy-i18n></p>
+      </foxy-internal-summary-control>
+
       <foxy-internal-async-list-control
         first=${ifDefined((_g = this.data) === null || _g === void 0 ? void 0 : _g._links['fx:attributes'].href)}
         limit="5"