@foxy.io/elements 1.27.0-beta.1 → 1.27.0-beta.3

package/dist/elements/public/CouponCodeForm/CouponCodeForm.js

@@ -1,20 +1,22 @@
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { html } from 'lit-html';
-import { ConfigurableMixin } from "../../../mixins/configurable.js";
-import { NucleonElement } from "../NucleonElement/NucleonElement.js";
-import { Metadata } from "../../private/index.js";
-import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-import { classMap } from "../../../utils/class-map.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
 const NS = 'coupon-code-form';
-const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS))));
+const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing coupon codes (`fx:coupon_code`).
  *
  * @slot code:before
  * @slot code:after
  *
+ * @slot number-of-uses-to-date:before – **new in v1.27.0**
+ * @slot number-of-uses-to-date:after – **new in v1.27.0**
+ *
+ * @slot transactions:before – **new in v1.27.0**
+ * @slot transactions:after – **new in v1.27.0**
+ *
  * @slot timestamps:before
  * @slot timestamps:after
  *
@@ -30,189 +32,56 @@ const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMi
 export class CouponCodeForm extends Base {
     constructor() {
         super(...arguments);
+        this.getTransactionPageHref = null;
         this.templates = {};
     }
-    static get scopedElements() {
+    static get properties() {
         return {
-            'vaadin-text-field': customElements.get('vaadin-text-field'),
-            'vaadin-button': customElements.get('vaadin-button'),
-            'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
-            'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
-            'foxy-spinner': customElements.get('foxy-spinner'),
-            'foxy-i18n': customElements.get('foxy-i18n'),
-            'x-metadata': Metadata,
+            ...super.properties,
+            getTransactionPageHref: { attribute: false },
         };
     }
     static get v8n() {
         return [
-            ({ code: v }) => !!v || 'code_required',
-            ({ code: v }) => !v || v.length <= 50 || 'code_too_long',
-            ({ code: v }) => !(v === null || v === void 0 ? void 0 : v.includes(' ')) || 'code_has_spaces',
+            ({ code: v }) => !!v || 'code:v8n_required',
+            ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',
+            ({ code: v }) => !(v === null || v === void 0 ? void 0 : v.includes(' ')) || 'code:v8n_has_spaces',
         ];
     }
-    render() {
-        var _a, _b;
-        return html `
-      <div class="relative space-y-m">
-        ${this.__isCodeHidden ? null : this.__renderCode()}
-        ${this.__isTimestampsHidden ? null : this.__renderTimestamps()}
-        ${this.__isCreateHidden ? null : this.__renderCreate()}
-        ${this.__isDeleteHidden ? null : this.__renderDelete()}
-
-        <div
-          data-testid="spinner"
-          class=${classMap({
-            'transition duration-500 ease-in-out absolute inset-0 flex': true,
-            'opacity-0 pointer-events-none': this.in('idle'),
-        })}
-        >
-          <foxy-spinner
-            layout="vertical"
-            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
-            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}
-            lang=${this.lang}
-            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
-          >
-          </foxy-spinner>
-        </div>
-      </div>
-    `;
-    }
-    get __isCodeHidden() {
-        return this.hiddenSelector.matches('code', true);
-    }
-    get __isTimestampsHidden() {
-        if (this.hiddenSelector.matches('timestamps', true))
-            return true;
-        return !this.data;
-    }
-    get __isCreateHidden() {
-        if (this.hiddenSelector.matches('create', true))
-            return true;
-        return !!this.data;
-    }
-    get __isDeleteHidden() {
-        if (this.hiddenSelector.matches('delete', true))
-            return true;
-        return !this.data;
+    get readonlySelector() {
+        return new BooleanSelector(`number-of-uses-to-date ${super.readonlySelector}`.trim());
     }
-    __getErrorMessage(prefix) {
-        const error = this.errors.find(err => err.startsWith(prefix));
-        return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';
+    get hiddenSelector() {
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!this.href)
+            alwaysMatch.unshift('transactions', 'number-of-uses-to-date');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    __getValidator(prefix) {
-        return () => !this.errors.some(err => err.startsWith(prefix));
-    }
-    __renderCode() {
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot('code:before')}
-
-        <vaadin-text-field
-          data-testid="code"
-          class="w-full"
-          label=${this.t('code')}
-          value=${ifDefined(this.form.code)}
-          .checkValidity=${this.__getValidator('code')}
-          .errorMessage=${this.__getErrorMessage('code')}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('code', true)}
-          ?readonly=${this.readonlySelector.matches('code', true)}
-          required
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @input=${(evt) => {
-            const newCode = evt.currentTarget.value;
-            this.edit({ code: newCode });
-        }}
-        >
-        </vaadin-text-field>
-
-        ${this.renderTemplateOrSlot('code:after')}
-      </div>
-    `;
-    }
-    __renderTimestamps() {
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot('timestamps:before')}
-
-        <x-metadata
-          data-testid="timestamps"
-          .items=${['date_modified', 'date_created'].map(field => {
-            var _a;
-            return ({
-                name: this.t(field),
-                value: ((_a = this.data) === null || _a === void 0 ? void 0 : _a[field]) ? this.t('date', { value: new Date(this.data[field]) })
-                    : '',
-            });
-        })}
-        >
-        </x-metadata>
-
-        ${this.renderTemplateOrSlot('timestamps:after')}
-      </div>
-    `;
-    }
-    __renderCreate() {
-        const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });
-        const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });
-        const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });
-        const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });
-        const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;
-        const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;
-        const isInvalid = isTemplateInvalid || isSnaphotInvalid;
-        const isIdle = this.in('idle');
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot('create:before')}
-
-        <vaadin-button
-          data-testid="create"
-          class="w-full"
-          theme="primary success"
-          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}
-          @click=${() => this.submit()}
-        >
-          <foxy-i18n ns=${this.ns} key="create" lang=${this.lang}></foxy-i18n>
-        </vaadin-button>
-
-        ${this.renderTemplateOrSlot('create:after')}
-      </div>
-    `;
-    }
-    __renderDelete() {
+    renderBody() {
+        var _a, _b;
+        let transactions;
+        try {
+            const url = new URL((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:coupon_code_transactions'].href) !== null && _b !== void 0 ? _b : '');
+            url.searchParams.set('zoom', 'items');
+            transactions = url.toString();
+        }
+        catch (_c) {
+            transactions = undefined;
+        }
         return html `
-      <div>
-        <foxy-internal-confirm-dialog
-          data-testid="confirm"
-          message="delete_prompt"
-          confirm="delete"
-          cancel="cancel"
-          header="delete"
-          theme="primary error"
-          lang=${this.lang}
-          ns=${this.ns}
-          id="confirm"
-          @hide=${(evt) => !evt.detail.cancelled && this.delete()}
-        >
-        </foxy-internal-confirm-dialog>
-
-        ${this.renderTemplateOrSlot('delete:before')}
-
-        <vaadin-button
-          data-testid="delete"
-          theme="error"
-          class="w-full"
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}
-          @click=${(evt) => {
-            const confirm = this.renderRoot.querySelector('#confirm');
-            confirm.show(evt.currentTarget);
-        }}
-        >
-          <foxy-i18n ns=${this.ns} key="delete" lang=${this.lang}></foxy-i18n>
-        </vaadin-button>
+      <foxy-internal-text-control infer="code"></foxy-internal-text-control>
+      <foxy-internal-integer-control infer="number-of-uses-to-date"></foxy-internal-integer-control>
+      <foxy-internal-async-list-control
+        first=${ifDefined(transactions)}
+        infer="transactions"
+        limit="5"
+        item="foxy-transaction-card"
+        .getPageHref=${this.getTransactionPageHref}
+        hide-delete-button
+      >
+      </foxy-internal-async-list-control>
 
-        ${this.renderTemplateOrSlot('delete:after')}
-      </div>
+      ${super.renderBody()}
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/CouponCodeForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { Metadata } from '../../private/index';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'coupon-code-form';\nconst Base = ConfigurableMixin(\n  ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for creating or editing coupon codes (`fx:coupon_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-coupon-code-form\n * @since 1.15.0\n */\nexport class CouponCodeForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-metadata': Metadata,\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code_has_spaces',\n    ];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"relative space-y-m\">\n        ${this.__isCodeHidden ? null : this.__renderCode()}\n        ${this.__isTimestampsHidden ? null : this.__renderTimestamps()}\n        ${this.__isCreateHidden ? null : this.__renderCreate()}\n        ${this.__isDeleteHidden ? null : this.__renderDelete()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': this.in('idle'),\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __isCodeHidden(): boolean {\n    return this.hiddenSelector.matches('code', true);\n  }\n\n  private get __isTimestampsHidden(): boolean {\n    if (this.hiddenSelector.matches('timestamps', true)) return true;\n    return !this.data;\n  }\n\n  private get __isCreateHidden(): boolean {\n    if (this.hiddenSelector.matches('create', true)) return true;\n    return !!this.data;\n  }\n\n  private get __isDeleteHidden(): boolean {\n    if (this.hiddenSelector.matches('delete', true)) return true;\n    return !this.data;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderCode(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('code:before')}\n\n        <vaadin-text-field\n          data-testid=\"code\"\n          class=\"w-full\"\n          label=${this.t('code')}\n          value=${ifDefined(this.form.code)}\n          .checkValidity=${this.__getValidator('code')}\n          .errorMessage=${this.__getErrorMessage('code')}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('code', true)}\n          ?readonly=${this.readonlySelector.matches('code', true)}\n          required\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            const newCode = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ code: newCode });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('code:after')}\n      </div>\n    `;\n  }\n\n  private __renderTimestamps(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-metadata\n          data-testid=\"timestamps\"\n          .items=${(['date_modified', 'date_created'] as const).map(field => ({\n            name: this.t(field),\n            value: this.data?.[field]\n              ? this.t('date', { value: new Date(this.data[field] as string) })\n              : '',\n          }))}\n        >\n        </x-metadata>\n\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  }\n\n  private __renderCreate(): TemplateResult {\n    const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n    const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n    const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n    const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n    const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;\n    const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;\n    const isInvalid = isTemplateInvalid || isSnaphotInvalid;\n    const isIdle = this.in('idle');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"primary success\"\n          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  }\n\n  private __renderDelete(): TemplateResult {\n    return html`\n      <div>\n        <foxy-internal-confirm-dialog\n          data-testid=\"confirm\"\n          message=\"delete_prompt\"\n          confirm=\"delete\"\n          cancel=\"cancel\"\n          header=\"delete\"\n          theme=\"primary error\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"confirm\"\n          @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n        >\n        </foxy-internal-confirm-dialog>\n\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          data-testid=\"delete\"\n          theme=\"error\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${(evt: CustomEvent) => {\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n            confirm.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/CouponCodeForm.ts"],"names":[],"mappings":"AAKA,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,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAA9C;;QAgBE,2BAAsB,GAAqC,IAAI,CAAC;QAEhE,cAAS,GAAc,EAAE,CAAC;IAuC5B,CAAC;IAxDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,sBAAsB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC7C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,mBAAmB;YAC5D,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,CAAC,GAAG,EAAC,IAAI,qBAAqB;SAC5D,CAAC;IACJ,CAAC;IAMD,IAAI,gBAAgB;QAClB,OAAO,IAAI,eAAe,CAAC,0BAA0B,KAAK,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IACxF,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAa,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,OAAO,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;QAC9E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;;QACR,IAAI,YAAgC,CAAC;QAErC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,6BAA6B,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACjF,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,YAAY,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC/B;QAAC,WAAM;YACN,YAAY,GAAG,SAAS,CAAC;SAC1B;QAED,OAAO,IAAI,CAAA;;;;gBAIC,SAAS,CAAC,YAAY,CAAC;;;;uBAIhB,IAAI,CAAC,sBAAsB;;;;;QAK1C,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates, TransactionPageHrefGetter } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing coupon codes (`fx:coupon_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot number-of-uses-to-date:before – **new in v1.27.0**\n * @slot number-of-uses-to-date:after – **new in v1.27.0**\n *\n * @slot transactions:before – **new in v1.27.0**\n * @slot transactions:after – **new in v1.27.0**\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-coupon-code-form\n * @since 1.15.0\n */\nexport class CouponCodeForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  templates: Templates = {};\n\n  get readonlySelector(): BooleanSelector {\n    return new BooleanSelector(`number-of-uses-to-date ${super.readonlySelector}`.trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch: string[] = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.unshift('transactions', 'number-of-uses-to-date');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    let transactions: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_code_transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactions = url.toString();\n    } catch {\n      transactions = undefined;\n    }\n\n    return html`\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-integer-control infer=\"number-of-uses-to-date\"></foxy-internal-integer-control>\n      <foxy-internal-async-list-control\n        first=${ifDefined(transactions)}\n        infer=\"transactions\"\n        limit=\"5\"\n        item=\"foxy-transaction-card\"\n        .getPageHref=${this.getTransactionPageHref}\n        hide-delete-button\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,8 +1,7 @@
-import '../../internal/InternalConfirmDialog/index';
-import '../../internal/InternalSandbox/index';
-import '../Spinner/index';
-import '../I18n/index';
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-button';
+import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../TransactionCard/index';
 import { CouponCodeForm } from './CouponCodeForm';
 export { CouponCodeForm };

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

@@ -1,9 +1,8 @@
-import "../../internal/InternalConfirmDialog/index.js";
-import "../../internal/InternalSandbox/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-button';
+import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../TransactionCard/index.js";
 import { CouponCodeForm } from "./CouponCodeForm.js";
 customElements.define('foxy-coupon-code-form', CouponCodeForm);
 export { CouponCodeForm };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AACvB,OAAO,6CAA6C,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-button';\n\nimport { CouponCodeForm } from './CouponCodeForm';\n\ncustomElements.define('foxy-coupon-code-form', CouponCodeForm);\n\nexport { CouponCodeForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,wDAAqD;AACrD,qDAAkD;AAClD,8CAA2C;AAC3C,qCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalIntegerControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../TransactionCard/index';\n\nimport { CouponCodeForm } from './CouponCodeForm';\n\ncustomElements.define('foxy-coupon-code-form', CouponCodeForm);\n\nexport { CouponCodeForm };\n"]}

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

@@ -1,11 +1,18 @@
-import { CouponCodeForm } from './CouponCodeForm';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { CouponCodeForm } from './CouponCodeForm';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type TransactionPageHrefGetter = (transactionHref: string, transaction: Resource<Rels.Transaction, {
+    zoom: 'items';
+}>) => string | null;
 export declare type Data = Resource<Rels.CouponCode>;
 export declare type Templates = {
     'code:before'?: Renderer<CouponCodeForm>;
     'code:after'?: Renderer<CouponCodeForm>;
+    'number-of-uses-to-date:before'?: Renderer<CouponCodeForm>;
+    'number-of-uses-to-date:after'?: Renderer<CouponCodeForm>;
+    'transactions:before'?: Renderer<CouponCodeForm>;
+    'transactions:after'?: Renderer<CouponCodeForm>;
     'timestamps:before'?: Renderer<CouponCodeForm>;
     'timestamps:after'?: Renderer<CouponCodeForm>;
     'delete:before'?: Renderer<CouponCodeForm>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { CouponCodeForm } from './CouponCodeForm';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.CouponCode>;\n\nexport type Templates = {\n  'code:before'?: Renderer<CouponCodeForm>;\n  'code:after'?: Renderer<CouponCodeForm>;\n  'timestamps:before'?: Renderer<CouponCodeForm>;\n  'timestamps:after'?: Renderer<CouponCodeForm>;\n  'delete:before'?: Renderer<CouponCodeForm>;\n  'delete:after'?: Renderer<CouponCodeForm>;\n  'create:before'?: Renderer<CouponCodeForm>;\n  'create:after'?: Renderer<CouponCodeForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CouponCodeForm } from './CouponCodeForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type TransactionPageHrefGetter = (\n  transactionHref: string,\n  transaction: Resource<Rels.Transaction, { zoom: 'items' }>\n) => string | null;\n\nexport type Data = Resource<Rels.CouponCode>;\n\nexport type Templates = {\n  'code:before'?: Renderer<CouponCodeForm>;\n  'code:after'?: Renderer<CouponCodeForm>;\n  'number-of-uses-to-date:before'?: Renderer<CouponCodeForm>;\n  'number-of-uses-to-date:after'?: Renderer<CouponCodeForm>;\n  'transactions:before'?: Renderer<CouponCodeForm>;\n  'transactions:after'?: Renderer<CouponCodeForm>;\n  'timestamps:before'?: Renderer<CouponCodeForm>;\n  'timestamps:after'?: Renderer<CouponCodeForm>;\n  'delete:before'?: Renderer<CouponCodeForm>;\n  'delete:after'?: Renderer<CouponCodeForm>;\n  'create:before'?: Renderer<CouponCodeForm>;\n  'create:after'?: Renderer<CouponCodeForm>;\n};\n"]}

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

@@ -1,4 +1,4 @@
-import type { Data } from './types';
+import type { Data, TransactionPageHrefGetter } from './types';
 import { PropertyDeclarations, TemplateResult } from 'lit-element';
 import { ScopedElementsMap } from '@open-wc/scoped-elements';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
@@ -48,6 +48,7 @@ export declare class CouponForm extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
+    getTransactionPageHref: TransactionPageHrefGetter | null;
     private __codesTableColumns;
     private static readonly __codesQueryOptions;
     private readonly __customerSubscriptionRestrictionsGetValue;

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

@@ -57,6 +57,7 @@ const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(ResponsiveMixi
 export class CouponForm extends Base {
     constructor() {
         super(...arguments);
+        this.getTransactionPageHref = null;
         this.__codesTableColumns = [
             {
                 header: ctx => html `<foxy-i18n lang=${ctx.lang} key="code" ns=${ctx.ns}></foxy-i18n>`,
@@ -170,6 +171,7 @@ export class CouponForm extends Base {
     static get properties() {
         return {
             ...super.properties,
+            getTransactionPageHref: { attribute: false },
             __codesTableQuery: { attribute: false },
             __itemCategories: { attribute: false },
         };
@@ -497,6 +499,8 @@ export class CouponForm extends Base {
           form="foxy-coupon-code-form"
           ns=${ns}
           id="code-dialog"
+          alert
+          .props=${{ '.getTransactionPageHref': this.getTransactionPageHref }}
         >
         </foxy-form-dialog>