@foxy.io/elements 1.26.0 → 1.27.0-beta.2

package/dist/elements/public/GiftCardCodeForm/GiftCardCodeForm.js

@@ -1,14 +1,10 @@
-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 { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { classMap } from "../../../utils/class-map.js";
+import { html } from 'lit-html';
 const NS = 'gift-card-code-form';
-const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS))));
+const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing gift card codes (`fx:gift_card_code`).
  *
@@ -21,6 +17,9 @@ const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMi
  * @slot end-date:before
  * @slot end-date:after
  *
+ * @slot logs:before
+ * @slot logs:after
+ *
  * @slot timestamps:before
  * @slot timestamps:after
  *
@@ -38,287 +37,39 @@ export class GiftCardCodeForm extends Base {
         super(...arguments);
         this.templates = {};
     }
-    static get scopedElements() {
-        return {
-            'vaadin-number-field': customElements.get('vaadin-number-field'),
-            'vaadin-date-picker': customElements.get('vaadin-date-picker'),
-            'vaadin-text-field': customElements.get('vaadin-text-field'),
-            'vaadin-button': customElements.get('vaadin-button'),
-            'foxy-internal-gift-card-code-form-item-control': customElements.get('foxy-internal-gift-card-code-form-item-control'),
-            'foxy-internal-async-details-control': customElements.get('foxy-internal-async-details-control'),
-            '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,
-        };
-    }
     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',
-            ({ current_balance: v }) => !!v || 'current_balance_required',
-            ({ current_balance: v }) => !v || !isNaN(v) || 'current_balance_required',
+            ({ 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',
+            ({ current_balance: v }) => typeof v === 'number' || 'current-balance:v8n_required',
         ];
     }
-    render() {
-        var _a, _b;
-        return html `
-      <div class="relative space-y-m">
-        ${this.__isCodeHidden ? null : this.__renderCode()}
-        ${this.__isCurrentBalanceHidden ? null : this.__renderCurrentBalance()}
-        ${this.__isEndDateHidden ? null : this.__renderEndDate()}
-        ${this.__isLogsControlHidden ? null : this.__renderLogsControl()}
-        ${this.__isCartItemHidden ? null : this.__renderCartItem()}
-        ${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 __isCurrentBalanceHidden() {
-        return this.hiddenSelector.matches('current-balance', true);
-    }
-    get __isEndDateHidden() {
-        return this.hiddenSelector.matches('end-date', true);
-    }
-    get __isLogsControlHidden() {
-        var _a;
-        return !((_a = this.form._links) === null || _a === void 0 ? void 0 : _a['fx:gift_card_code_logs'].href);
-    }
-    get __isCartItemHidden() {
-        var _a;
-        return !((_a = this.form._links) === null || _a === void 0 ? void 0 : _a['fx:provisioned_by_transaction_detail_id']);
-    }
-    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;
-    }
-    __getErrorMessage(prefix) {
-        const error = this.errors.find(err => err.startsWith(prefix));
-        return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';
-    }
-    __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')}
-          .checkValidity=${this.__getValidator('code')}
-          .errorMessage=${this.__getErrorMessage('code')}
-          .value=${this.form.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>
-    `;
-    }
-    __renderCurrentBalance() {
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot('current-balance:before')}
-
-        <vaadin-number-field
-          data-testid="current-balance"
-          class="w-full"
-          label=${this.t('current_balance')}
-          min="0"
-          .checkValidity=${this.__getValidator('current_balance')}
-          .errorMessage=${this.__getErrorMessage('current_balance')}
-          .value=${this.form.current_balance}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('current-balance', true)}
-          ?readonly=${this.readonlySelector.matches('current-balance', true)}
-          prevent-invalid-input
-          has-controls
-          required
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @change=${(evt) => {
-            const newCurrentBalance = evt.currentTarget.value;
-            this.edit({ current_balance: parseFloat(newCurrentBalance) });
-        }}
-        >
-        </vaadin-number-field>
-
-        ${this.renderTemplateOrSlot('current-balance:after')}
-      </div>
-    `;
+    get hiddenSelector() {
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!this.href)
+            alwaysMatch.push('cart-item', 'logs');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    __renderEndDate() {
+    renderBody() {
+        var _a, _b;
         return html `
-      <div>
-        ${this.renderTemplateOrSlot('end-date:before')}
+      <foxy-internal-text-control infer="code"></foxy-internal-text-control>
+      <foxy-internal-number-control infer="current-balance"></foxy-internal-number-control>
+      <foxy-internal-date-control infer="end-date"></foxy-internal-date-control>
 
-        <vaadin-date-picker
-          data-testid="end-date"
-          class="w-full"
-          label=${this.t('end_date')}
-          min="0"
-          .checkValidity=${this.__getValidator('end_date')}
-          .errorMessage=${this.__getErrorMessage('end_date')}
-          .value=${this.form.end_date}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('end-date', true)}
-          ?readonly=${this.readonlySelector.matches('end-date', true)}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @change=${(evt) => {
-            const newEndDate = evt.currentTarget.value;
-            this.edit({ end_date: newEndDate });
-        }}
-        >
-        </vaadin-date-picker>
+      <foxy-internal-gift-card-code-form-item-control infer="cart-item">
+      </foxy-internal-gift-card-code-form-item-control>
 
-        ${this.renderTemplateOrSlot('end-date:after')}
-      </div>
-    `;
-    }
-    __renderLogsControl() {
-        var _a;
-        return html `
-      <foxy-internal-async-details-control
+      <foxy-internal-async-list-control
         infer="logs"
-        first=${ifDefined((_a = this.form._links) === null || _a === void 0 ? void 0 : _a['fx:gift_card_code_logs'].href)}
+        first=${ifDefined((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) === null || _b === void 0 ? void 0 : _b['fx:gift_card_code_logs'].href)}
         limit="5"
         item="foxy-gift-card-code-log-card"
-        open
       >
-      </foxy-internal-async-details-control>
-    `;
-    }
-    __renderCartItem() {
-        return html `
-      <foxy-internal-gift-card-code-form-item-control infer="cart-item">
-      </foxy-internal-gift-card-code-form-item-control>
-    `;
-    }
-    __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() {
-        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('busy') || 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-async-list-control>
 
-        ${this.renderTemplateOrSlot('delete:after')}
-      </div>
+      ${super.renderBody()}
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/GiftCardCodeForm.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'gift-card-code-form';\nconst Base = ConfigurableMixin(\n  ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for creating or editing gift card codes (`fx:gift_card_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot current-balance:before\n * @slot current-balance:after\n *\n * @slot end-date:before\n * @slot end-date: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-gift-card-code-form\n * @since 1.15.0\n */\nexport class GiftCardCodeForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-number-field': customElements.get('vaadin-number-field'),\n      'vaadin-date-picker': customElements.get('vaadin-date-picker'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'foxy-internal-gift-card-code-form-item-control': customElements.get(\n        'foxy-internal-gift-card-code-form-item-control'\n      ),\n\n      'foxy-internal-async-details-control': customElements.get(\n        'foxy-internal-async-details-control'\n      ),\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      ({ current_balance: v }) => !!v || 'current_balance_required',\n      ({ current_balance: v }) => !v || !isNaN(v) || 'current_balance_required',\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.__isCurrentBalanceHidden ? null : this.__renderCurrentBalance()}\n        ${this.__isEndDateHidden ? null : this.__renderEndDate()}\n        ${this.__isLogsControlHidden ? null : this.__renderLogsControl()}\n        ${this.__isCartItemHidden ? null : this.__renderCartItem()}\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 __isCurrentBalanceHidden(): boolean {\n    return this.hiddenSelector.matches('current-balance', true);\n  }\n\n  private get __isEndDateHidden(): boolean {\n    return this.hiddenSelector.matches('end-date', true);\n  }\n\n  private get __isLogsControlHidden(): boolean {\n    return !this.form._links?.['fx:gift_card_code_logs'].href;\n  }\n\n  private get __isCartItemHidden(): boolean {\n    return !this.form._links?.['fx:provisioned_by_transaction_detail_id'];\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          .checkValidity=${this.__getValidator('code')}\n          .errorMessage=${this.__getErrorMessage('code')}\n          .value=${this.form.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 __renderCurrentBalance(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('current-balance:before')}\n\n        <vaadin-number-field\n          data-testid=\"current-balance\"\n          class=\"w-full\"\n          label=${this.t('current_balance')}\n          min=\"0\"\n          .checkValidity=${this.__getValidator('current_balance')}\n          .errorMessage=${this.__getErrorMessage('current_balance')}\n          .value=${this.form.current_balance}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('current-balance', true)}\n          ?readonly=${this.readonlySelector.matches('current-balance', true)}\n          prevent-invalid-input\n          has-controls\n          required\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const newCurrentBalance = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ current_balance: parseFloat(newCurrentBalance) });\n          }}\n        >\n        </vaadin-number-field>\n\n        ${this.renderTemplateOrSlot('current-balance:after')}\n      </div>\n    `;\n  }\n\n  private __renderEndDate(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('end-date:before')}\n\n        <vaadin-date-picker\n          data-testid=\"end-date\"\n          class=\"w-full\"\n          label=${this.t('end_date')}\n          min=\"0\"\n          .checkValidity=${this.__getValidator('end_date')}\n          .errorMessage=${this.__getErrorMessage('end_date')}\n          .value=${this.form.end_date}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('end-date', true)}\n          ?readonly=${this.readonlySelector.matches('end-date', true)}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const newEndDate = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ end_date: newEndDate });\n          }}\n        >\n        </vaadin-date-picker>\n\n        ${this.renderTemplateOrSlot('end-date:after')}\n      </div>\n    `;\n  }\n\n  private __renderLogsControl(): TemplateResult {\n    return html`\n      <foxy-internal-async-details-control\n        infer=\"logs\"\n        first=${ifDefined(this.form._links?.['fx:gift_card_code_logs'].href)}\n        limit=\"5\"\n        item=\"foxy-gift-card-code-log-card\"\n        open\n      >\n      </foxy-internal-async-details-control>\n    `;\n  }\n\n  private __renderCartItem(): TemplateResult {\n    return html`\n      <foxy-internal-gift-card-code-form-item-control infer=\"cart-item\">\n      </foxy-internal-gift-card-code-form-item-control>\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('busy') || 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":"GiftCardCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/GiftCardCodeForm.ts"],"names":[],"mappings":"AAIA,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,qBAAqB,CAAC;AACjC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAU;IAAhD;;QAUE,cAAS,GAAc,EAAE,CAAC;IA4B5B,CAAC;IArCC,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;YAC3D,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,8BAA8B;SACpF,CAAC;IACJ,CAAC;IAID,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QACtD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;;QACR,OAAO,IAAI,CAAA;;;;;;;;;;gBAUC,SAAS,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,0CAAG,wBAAwB,EAAE,IAAI,CAAC;;;;;;QAMrE,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\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 = 'gift-card-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing gift card codes (`fx:gift_card_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot current-balance:before\n * @slot current-balance:after\n *\n * @slot end-date:before\n * @slot end-date:after\n *\n * @slot logs:before\n * @slot logs: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-gift-card-code-form\n * @since 1.15.0\n */\nexport class GiftCardCodeForm extends Base<Data> {\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      ({ current_balance: v }) => typeof v === 'number' || 'current-balance:v8n_required',\n    ];\n  }\n\n  templates: Templates = {};\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.push('cart-item', 'logs');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-number-control infer=\"current-balance\"></foxy-internal-number-control>\n      <foxy-internal-date-control infer=\"end-date\"></foxy-internal-date-control>\n\n      <foxy-internal-gift-card-code-form-item-control infer=\"cart-item\">\n      </foxy-internal-gift-card-code-form-item-control>\n\n      <foxy-internal-async-list-control\n        infer=\"logs\"\n        first=${ifDefined(this.data?._links?.['fx:gift_card_code_logs'].href)}\n        limit=\"5\"\n        item=\"foxy-gift-card-code-log-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,13 +1,9 @@
-import '@vaadin/vaadin-text-field/vaadin-number-field';
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-date-picker';
-import '@vaadin/vaadin-button';
-import '../../internal/InternalAsyncDetailsControl/index';
-import '../../internal/InternalConfirmDialog/index';
-import '../../internal/InternalSandbox/index';
+import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalNumberControl/index';
+import '../../internal/InternalDateControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
 import '../GiftCardCodeLogCard/index';
-import '../Spinner/index';
-import '../I18n/index';
 import './internal/InternalGiftCardCodeFormItemControl/index';
 import { GiftCardCodeForm } from './GiftCardCodeForm';
 export { GiftCardCodeForm };

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

@@ -1,13 +1,9 @@
-import '@vaadin/vaadin-text-field/vaadin-number-field';
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-date-picker';
-import '@vaadin/vaadin-button';
-import "../../internal/InternalAsyncDetailsControl/index.js";
-import "../../internal/InternalConfirmDialog/index.js";
-import "../../internal/InternalSandbox/index.js";
+import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
+import "../../internal/InternalDateControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
 import "../GiftCardCodeLogCard/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
 import "./internal/InternalGiftCardCodeFormItemControl/index.js";
 import { GiftCardCodeForm } from "./GiftCardCodeForm.js";
 customElements.define('foxy-gift-card-code-form', GiftCardCodeForm);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,OAAO,6CAA6C,CAAC;AACrD,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAE/B,6DAA0D;AAC1D,uDAAoD;AACpD,iDAA8C;AAE9C,yCAAsC;AACtC,6BAA0B;AAC1B,0BAAuB;AAEvB,iEAA8D;AAE9D,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-number-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-date-picker';\nimport '@vaadin/vaadin-button';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\n\nimport '../GiftCardCodeLogCard/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport './internal/InternalGiftCardCodeFormItemControl/index';\n\nimport { GiftCardCodeForm } from './GiftCardCodeForm';\n\ncustomElements.define('foxy-gift-card-code-form', GiftCardCodeForm);\n\nexport { GiftCardCodeForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,uDAAoD;AACpD,qDAAkD;AAClD,qDAAkD;AAClD,8CAA2C;AAC3C,yCAAsC;AACtC,iEAA8D;AAE9D,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../GiftCardCodeLogCard/index';\nimport './internal/InternalGiftCardCodeFormItemControl/index';\n\nimport { GiftCardCodeForm } from './GiftCardCodeForm';\n\ncustomElements.define('foxy-gift-card-code-form', GiftCardCodeForm);\n\nexport { GiftCardCodeForm };\n"]}

package/dist/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/InternalGiftCardCodeFormItemControl.js

@@ -3,20 +3,31 @@ import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
 export class InternalGiftCardCodeFormItemControl extends InternalControl {
     renderControl() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         let href;
         try {
-            const url = new URL((_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form._links) === null || _b === void 0 ? void 0 : _b['fx:provisioned_by_transaction_detail_id'].href) !== null && _c !== void 0 ? _c : '');
+            const url = new URL((_d = (_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links) === null || _c === void 0 ? void 0 : _c['fx:provisioned_by_transaction_detail_id'].href) !== null && _d !== void 0 ? _d : '');
             url.searchParams.set('zoom', 'item_options');
             href = url.toString();
         }
-        catch (_d) {
+        catch (_e) {
             href = undefined;
         }
         return html `
-      <foxy-internal-details summary="title" infer="" open>
-        <foxy-item-card infer="item-card" class="p-m" href=${ifDefined(href)}></foxy-item-card>
-      </foxy-internal-details>
+      <foxy-i18n
+        infer=""
+        class="text-secondary block text-s font-medium leading-xs mb-xs"
+        key="label"
+      >
+      </foxy-i18n>
+
+      <foxy-item-card
+        class="block rounded ring-1 ring-contrast-10"
+        style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+        infer="card"
+        href=${ifDefined(href)}
+      >
+      </foxy-item-card>
     `;
     }
 }

package/dist/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/InternalGiftCardCodeFormItemControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalGiftCardCodeFormItemControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/InternalGiftCardCodeFormItemControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IACtE,aAAa;;QACX,IAAI,IAAwB,CAAC;QAE7B,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,mBACjB,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,MAAM,0CAAG,yCAAyC,EAAE,IAAI,mCAAI,EAAE,CAClF,CAAC;YACF,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;YAC7C,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACvB;QAAC,WAAM;YACN,IAAI,GAAG,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAA;;6DAE8C,SAAS,CAAC,IAAI,CAAC;;KAEvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalGiftCardCodeFormItemControl extends InternalControl {\n  renderControl(): TemplateResult {\n    let href: string | undefined;\n\n    try {\n      const url = new URL(\n        this.nucleon?.form._links?.['fx:provisioned_by_transaction_detail_id'].href ?? ''\n      );\n      url.searchParams.set('zoom', 'item_options');\n      href = url.toString();\n    } catch {\n      href = undefined;\n    }\n\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\" open>\n        <foxy-item-card infer=\"item-card\" class=\"p-m\" href=${ifDefined(href)}></foxy-item-card>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalGiftCardCodeFormItemControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/InternalGiftCardCodeFormItemControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IACtE,aAAa;;QACX,IAAI,IAAwB,CAAC;QAE7B,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,yBACjB,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,0CAAG,yCAAyC,EAAE,IAAI,mCAAI,EAAE,CACnF,CAAC;YACF,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;YAC7C,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACvB;QAAC,WAAM;YACN,IAAI,GAAG,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAA;;;;;;;;;;;;eAYA,SAAS,CAAC,IAAI,CAAC;;;KAGzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalGiftCardCodeFormItemControl extends InternalControl {\n  renderControl(): TemplateResult {\n    let href: string | undefined;\n\n    try {\n      const url = new URL(\n        this.nucleon?.data?._links?.['fx:provisioned_by_transaction_detail_id'].href ?? ''\n      );\n      url.searchParams.set('zoom', 'item_options');\n      href = url.toString();\n    } catch {\n      href = undefined;\n    }\n\n    return html`\n      <foxy-i18n\n        infer=\"\"\n        class=\"text-secondary block text-s font-medium leading-xs mb-xs\"\n        key=\"label\"\n      >\n      </foxy-i18n>\n\n      <foxy-item-card\n        class=\"block rounded ring-1 ring-contrast-10\"\n        style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n        infer=\"card\"\n        href=${ifDefined(href)}\n      >\n      </foxy-item-card>\n    `;\n  }\n}\n"]}

package/dist/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/index.d.ts

@@ -1,5 +1,4 @@
 import '../../../../internal/InternalControl/index';
-import '../../../../internal/InternalDetails/index';
 import '../../../ItemCard/index';
 import '../../../I18n/index';
 import { InternalGiftCardCodeFormItemControl } from './InternalGiftCardCodeFormItemControl';

package/dist/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/index.js

@@ -1,5 +1,4 @@
 import "../../../../internal/InternalControl/index.js";
-import "../../../../internal/InternalDetails/index.js";
 import "../../../ItemCard/index.js";
 import "../../../I18n/index.js";
 import { InternalGiftCardCodeFormItemControl } from "./InternalGiftCardCodeFormItemControl.js";

package/dist/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,uDAAoD;AAEpD,oCAAiC;AACjC,gCAA6B;AAE7B,OAAO,EAAE,mCAAmC,EAAE,iDAA8C;AAE5F,cAAc,CAAC,MAAM,CACnB,gDAAgD,EAChD,mCAAmC,CACpC,CAAC;AAEF,OAAO,EAAE,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '../../../../internal/InternalDetails/index';\n\nimport '../../../ItemCard/index';\nimport '../../../I18n/index';\n\nimport { InternalGiftCardCodeFormItemControl } from './InternalGiftCardCodeFormItemControl';\n\ncustomElements.define(\n  'foxy-internal-gift-card-code-form-item-control',\n  InternalGiftCardCodeFormItemControl\n);\n\nexport { InternalGiftCardCodeFormItemControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardCodeForm/internal/InternalGiftCardCodeFormItemControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,oCAAiC;AACjC,gCAA6B;AAE7B,OAAO,EAAE,mCAAmC,EAAE,iDAA8C;AAE5F,cAAc,CAAC,MAAM,CACnB,gDAAgD,EAChD,mCAAmC,CACpC,CAAC;AAEF,OAAO,EAAE,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '../../../ItemCard/index';\nimport '../../../I18n/index';\n\nimport { InternalGiftCardCodeFormItemControl } from './InternalGiftCardCodeFormItemControl';\n\ncustomElements.define(\n  'foxy-internal-gift-card-code-form-item-control',\n  InternalGiftCardCodeFormItemControl\n);\n\nexport { InternalGiftCardCodeFormItemControl };\n"]}

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

@@ -1,7 +1,7 @@
-import { GiftCardCodeForm } from './GiftCardCodeForm';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { GiftCardCodeForm } from './GiftCardCodeForm';
+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 Data = Resource<Rels.GiftCardCode>;
 export declare type Templates = {
     'code:before'?: Renderer<GiftCardCodeForm>;
@@ -10,6 +10,8 @@ export declare type Templates = {
     'current-balance:after'?: Renderer<GiftCardCodeForm>;
     'end-date:before'?: Renderer<GiftCardCodeForm>;
     'end-date:after'?: Renderer<GiftCardCodeForm>;
+    'logs:before'?: Renderer<GiftCardCodeForm>;
+    'logs:after'?: Renderer<GiftCardCodeForm>;
     'timestamps:before'?: Renderer<GiftCardCodeForm>;
     'timestamps:after'?: Renderer<GiftCardCodeForm>;
     'delete:before'?: Renderer<GiftCardCodeForm>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GiftCardCodeForm } from './GiftCardCodeForm';\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.GiftCardCode>;\n\nexport type Templates = {\n  'code:before'?: Renderer<GiftCardCodeForm>;\n  'code:after'?: Renderer<GiftCardCodeForm>;\n  'current-balance:before'?: Renderer<GiftCardCodeForm>;\n  'current-balance:after'?: Renderer<GiftCardCodeForm>;\n  'end-date:before'?: Renderer<GiftCardCodeForm>;\n  'end-date:after'?: Renderer<GiftCardCodeForm>;\n  'timestamps:before'?: Renderer<GiftCardCodeForm>;\n  'timestamps:after'?: Renderer<GiftCardCodeForm>;\n  'delete:before'?: Renderer<GiftCardCodeForm>;\n  'delete:after'?: Renderer<GiftCardCodeForm>;\n  'create:before'?: Renderer<GiftCardCodeForm>;\n  'create:after'?: Renderer<GiftCardCodeForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { GiftCardCodeForm } from './GiftCardCodeForm';\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 Data = Resource<Rels.GiftCardCode>;\n\nexport type Templates = {\n  'code:before'?: Renderer<GiftCardCodeForm>;\n  'code:after'?: Renderer<GiftCardCodeForm>;\n  'current-balance:before'?: Renderer<GiftCardCodeForm>;\n  'current-balance:after'?: Renderer<GiftCardCodeForm>;\n  'end-date:before'?: Renderer<GiftCardCodeForm>;\n  'end-date:after'?: Renderer<GiftCardCodeForm>;\n  'logs:before'?: Renderer<GiftCardCodeForm>;\n  'logs:after'?: Renderer<GiftCardCodeForm>;\n  'timestamps:before'?: Renderer<GiftCardCodeForm>;\n  'timestamps:after'?: Renderer<GiftCardCodeForm>;\n  'delete:before'?: Renderer<GiftCardCodeForm>;\n  'delete:after'?: Renderer<GiftCardCodeForm>;\n  'create:before'?: Renderer<GiftCardCodeForm>;\n  'create:after'?: Renderer<GiftCardCodeForm>;\n};\n"]}

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

@@ -69,6 +69,7 @@ export declare class SubscriptionForm extends Base<Data> {
     private readonly __renderEndDate;
     private readonly __checkNextTransactionDateAvailability;
     private readonly __checkStartDateAvailability;
+    private readonly __checkEndDateAvailability;
     private readonly __renderStartDate;
     private readonly __renderNextTransactionDate;
     private readonly __renderFrequencyAsDropdown;
@@ -89,7 +90,9 @@ export declare class SubscriptionForm extends Base<Data> {
     private get __store();
     private get __isNextTransactionDateVisible();
     private get __isStartDateVisible();
+    private get __isEndDateVisible();
     private get __isStartDateEditable();
+    private get __isEndDateEditable();
     private get __isFrequencyVisible();
     private get __frequencies();
 }