@foxy.io/elements 1.18.0-beta.3 → 1.18.0-beta.6

package/dist/elements/internal/InternalSelectControl/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSelectControl/types.ts"],"names":[],"mappings":"","sourcesContent":["export type Option = {\n  /** I18n label key for the dropdown item. */\n  label: string;\n  /** Dropdown item value. */\n  value: string;\n};\n"]}

package/dist/elements/internal/InternalTextControl/InternalTextControl.js

@@ -18,6 +18,7 @@ export class InternalTextControl extends InternalEditableControl {
         class="w-full"
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        clear-button-visible
         .checkValidity=${this._checkValidity}
         .value=${this._value}
         @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}

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

@@ -1 +1 @@
-{"version":3,"file":"InternalTextControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/InternalTextControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAC9D,aAAa;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;mBACT,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;iBACvE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport type { TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic text box.\n *\n * @since 1.17.0\n * @element foxy-internal-text-control\n */\nexport class InternalTextControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-text-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this._value = field.value;\n        }}\n      >\n      </vaadin-text-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}
+{"version":3,"file":"InternalTextControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/InternalTextControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAC9D,aAAa;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;;yBAER,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;mBACT,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;iBACvE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport type { TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic text box.\n *\n * @since 1.17.0\n * @element foxy-internal-text-control\n */\nexport class InternalTextControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-text-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        clear-button-visible\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this._value = field.value;\n        }}\n      >\n      </vaadin-text-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

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

@@ -40,6 +40,8 @@ export declare class GiftCardCodeForm extends Base<Data> {
     private get __isCodeHidden();
     private get __isCurrentBalanceHidden();
     private get __isEndDateHidden();
+    private get __isLogsControlHidden();
+    private get __isCartItemHidden();
     private get __isTimestampsHidden();
     private get __isCreateHidden();
     private get __isDeleteHidden();
@@ -48,6 +50,8 @@ export declare class GiftCardCodeForm extends Base<Data> {
     private __renderCode;
     private __renderCurrentBalance;
     private __renderEndDate;
+    private __renderLogsControl;
+    private __renderCartItem;
     private __renderTimestamps;
     private __renderCreate;
     private __renderDelete;

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

@@ -5,6 +5,7 @@ import { NucleonElement } from "../NucleonElement/NucleonElement.js";
 import { PropertyTable } from "../../private/index.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
 import { classMap } from "../../../utils/class-map.js";
 const NS = 'gift-card-code-form';
 const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS))));
@@ -43,6 +44,8 @@ export class GiftCardCodeForm extends Base {
             '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'),
@@ -65,6 +68,8 @@ export class GiftCardCodeForm extends Base {
         ${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()}
@@ -97,6 +102,14 @@ export class GiftCardCodeForm extends Base {
     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;
@@ -203,6 +216,25 @@ export class GiftCardCodeForm extends Base {
       </div>
     `;
     }
+    __renderLogsControl() {
+        var _a;
+        return html `
+      <foxy-internal-async-details-control
+        infer="logs"
+        first=${ifDefined((_a = this.form._links) === null || _a === void 0 ? void 0 : _a['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>

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 { PropertyTable } 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';\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-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-property-table': PropertyTable,\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      ({ 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.__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 __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 __renderTimestamps(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-property-table\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-property-table>\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=\"primary 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":"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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 { PropertyTable } 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-property-table': PropertyTable,\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      ({ 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-property-table\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-property-table>\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=\"primary 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"]}

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

@@ -1,10 +1,13 @@
-import '../../internal/InternalConfirmDialog/index';
-import '../../internal/InternalSandbox/index';
-import '../Spinner/index';
-import '../I18n/index';
 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 '../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,11 +1,14 @@
-import "../../internal/InternalConfirmDialog/index.js";
-import "../../internal/InternalSandbox/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
 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 "../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);
 export { 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,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AACvB,OAAO,+CAA+C,CAAC;AACvD,OAAO,6CAA6C,CAAC;AACrD,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\nimport '@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 { 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,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"]}

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

@@ -0,0 +1,5 @@
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalGiftCardCodeFormItemControl extends InternalControl {
+    renderControl(): TemplateResult;
+}

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

@@ -0,0 +1,23 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class InternalGiftCardCodeFormItemControl extends InternalControl {
+    renderControl() {
+        var _a, _b, _c;
+        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 : '');
+            url.searchParams.set('zoom', 'item_options');
+            href = url.toString();
+        }
+        catch (_d) {
+            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>
+    `;
+    }
+}
+//# sourceMappingURL=InternalGiftCardCodeFormItemControl.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../../internal/InternalDetails/index.js";
+import "../../../ItemCard/index.js";
+import "../../../I18n/index.js";
+import { InternalGiftCardCodeFormItemControl } from "./InternalGiftCardCodeFormItemControl.js";
+customElements.define('foxy-internal-gift-card-code-form-item-control', InternalGiftCardCodeFormItemControl);
+export { InternalGiftCardCodeFormItemControl };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,12 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class GiftCardCodeLogCard extends Base<Data> {
+    private __giftCard;
+    private __store;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/GiftCardCodeLogCard/GiftCardCodeLogCard.js

@@ -0,0 +1,108 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.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-log-card';
+const Base = TranslatableMixin(InternalCard, NS);
+export class GiftCardCodeLogCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.__giftCard = null;
+        this.__store = null;
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e;
+        const balanceAdjustment = (_a = this.form.balance_adjustment) !== null && _a !== void 0 ? _a : 0;
+        const hasTransaction = typeof this.form.transaction_id === 'number';
+        const subtitleKey = hasTransaction ? 'status_used' : 'status_updated_via_api';
+        const currency = (_b = this.__giftCard) === null || _b === void 0 ? void 0 : _b.currency_code;
+        const icon = hasTransaction ? 'icons:shopping-cart' : 'icons:settings';
+        const lang = this.lang || 'en';
+        let formattedBalanceAdjustment;
+        try {
+            formattedBalanceAdjustment = balanceAdjustment.toLocaleString(lang, {
+                maximumFractionDigits: 2,
+                minimumFractionDigits: 2,
+                currencyDisplay: ((_c = this.__store) === null || _c === void 0 ? void 0 : _c.use_international_currency_symbol) ? 'code' : 'symbol',
+                signDisplay: 'exceptZero',
+                currency,
+                style: 'currency',
+            });
+        }
+        catch (_f) {
+            formattedBalanceAdjustment = String(balanceAdjustment);
+        }
+        return html `
+      <foxy-nucleon
+        infer=""
+        href=${ifDefined((_d = this.form._links) === null || _d === void 0 ? void 0 : _d['fx:gift_card'].href)}
+        @update=${(evt) => {
+            const nucleon = evt.currentTarget;
+            this.__giftCard = nucleon.data;
+            this.requestUpdate();
+        }}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        infer=""
+        href=${ifDefined((_e = this.form._links) === null || _e === void 0 ? void 0 : _e['fx:store'].href)}
+        @update=${(evt) => {
+            const nucleon = evt.currentTarget;
+            this.__store = nucleon.data;
+            this.requestUpdate();
+        }}
+      >
+      </foxy-nucleon>
+
+      <div class="flex items-start gap-s leading-none">
+        <iron-icon class="icon-inline text-m" icon=${icon}></iron-icon>
+
+        <div class="flex-1">
+          <foxy-i18n
+            infer=""
+            class="block mb-xs font-semibold"
+            key="title"
+            .options=${{ date: this.form.date_created }}
+          >
+          </foxy-i18n>
+
+          <div class="text-secondary">
+            <foxy-i18n infer="" key=${subtitleKey}></foxy-i18n>
+            ${hasTransaction
+            ? html `
+                  &bull;
+                  <button
+                    class="underline"
+                    @click=${() => {
+                var _a;
+                const event = new CustomEvent('navigation', {
+                    composed: true,
+                    bubbles: true,
+                    detail: (_a = this.form._links) === null || _a === void 0 ? void 0 : _a['fx:transaction'].href,
+                });
+                this.dispatchEvent(event);
+            }}
+                  >
+                    #${this.form.transaction_id}
+                  </button>
+                `
+            : ''}
+          </div>
+        </div>
+
+        <div
+          class=${classMap({
+            'font-semibold font-tnum': true,
+            'text-success': balanceAdjustment > 0,
+            'text-error': balanceAdjustment < 0,
+        })}
+        >
+          ${formattedBalanceAdjustment}
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=GiftCardCodeLogCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GiftCardCodeLogCard.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/GiftCardCodeLogCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { NucleonElement } from '../NucleonElement';\n\nconst NS = 'gift-card-code-log-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\nexport class GiftCardCodeLogCard extends Base<Data> {\n  private __giftCard: Resource<Rels.GiftCard> | null = null;\n\n  private __store: Resource<Rels.Store> | null = null;\n\n  renderBody(): TemplateResult {\n    const balanceAdjustment = this.form.balance_adjustment ?? 0;\n    const hasTransaction = typeof this.form.transaction_id === 'number';\n    const subtitleKey = hasTransaction ? 'status_used' : 'status_updated_via_api';\n    const currency = this.__giftCard?.currency_code;\n    const icon = hasTransaction ? 'icons:shopping-cart' : 'icons:settings';\n    const lang = this.lang || 'en';\n\n    let formattedBalanceAdjustment: string;\n\n    try {\n      formattedBalanceAdjustment = balanceAdjustment.toLocaleString(lang, {\n        maximumFractionDigits: 2,\n        minimumFractionDigits: 2,\n        currencyDisplay: this.__store?.use_international_currency_symbol ? 'code' : 'symbol',\n        signDisplay: 'exceptZero',\n        currency,\n        style: 'currency',\n      });\n    } catch {\n      formattedBalanceAdjustment = String(balanceAdjustment);\n    }\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.form._links?.['fx:gift_card'].href)}\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<Resource<Rels.GiftCard>>;\n          this.__giftCard = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.form._links?.['fx:store'].href)}\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<Resource<Rels.Store>>;\n          this.__store = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n      </foxy-nucleon>\n\n      <div class=\"flex items-start gap-s leading-none\">\n        <iron-icon class=\"icon-inline text-m\" icon=${icon}></iron-icon>\n\n        <div class=\"flex-1\">\n          <foxy-i18n\n            infer=\"\"\n            class=\"block mb-xs font-semibold\"\n            key=\"title\"\n            .options=${{ date: this.form.date_created }}\n          >\n          </foxy-i18n>\n\n          <div class=\"text-secondary\">\n            <foxy-i18n infer=\"\" key=${subtitleKey}></foxy-i18n>\n            ${hasTransaction\n              ? html`\n                  &bull;\n                  <button\n                    class=\"underline\"\n                    @click=${() => {\n                      const event = new CustomEvent('navigation', {\n                        composed: true,\n                        bubbles: true,\n                        detail: this.form._links?.['fx:transaction'].href,\n                      });\n\n                      this.dispatchEvent(event);\n                    }}\n                  >\n                    #${this.form.transaction_id}\n                  </button>\n                `\n              : ''}\n          </div>\n        </div>\n\n        <div\n          class=${classMap({\n            'font-semibold font-tnum': true,\n            'text-success': balanceAdjustment > 0,\n            'text-error': balanceAdjustment < 0,\n          })}\n        >\n          ${formattedBalanceAdjustment}\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import '../../internal/InternalCard/index';
+import '../I18n/index';
+import { GiftCardCodeLogCard } from './GiftCardCodeLogCard';
+export { GiftCardCodeLogCard };

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

@@ -0,0 +1,8 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import "../../internal/InternalCard/index.js";
+import "../I18n/index.js";
+import { GiftCardCodeLogCard } from "./GiftCardCodeLogCard.js";
+customElements.define('foxy-gift-card-code-log-card', GiftCardCodeLogCard);
+export { GiftCardCodeLogCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,8CAA2C;AAE3C,0BAAuB;AAEvB,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAE5D,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,mBAAmB,CAAC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalCard/index';\n\nimport '../I18n/index';\n\nimport { GiftCardCodeLogCard } from './GiftCardCodeLogCard';\n\ncustomElements.define('foxy-gift-card-code-log-card', GiftCardCodeLogCard);\n\nexport { GiftCardCodeLogCard };\n"]}

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

@@ -0,0 +1,3 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.GiftCardCodeLogs['child']>;

package/dist/elements/public/GiftCardCodeLogCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.GiftCardCodeLogs['child']>;\n"]}

package/dist/elements/public/GiftCardForm/GiftCardForm.js

@@ -140,6 +140,7 @@ export class GiftCardForm extends Base {
             'vaadin-combo-box': customElements.get('vaadin-combo-box'),
             'vaadin-button': customElements.get('vaadin-button'),
             'iron-icon': customElements.get('iron-icon'),
+            'foxy-internal-gift-card-form-provisioning-control': customElements.get('foxy-internal-gift-card-form-provisioning-control'),
             'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
             'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
             'foxy-query-builder': customElements.get('foxy-query-builder'),
@@ -166,6 +167,26 @@ export class GiftCardForm extends Base {
         return [
             ({ name: v }) => !!v || 'name_required',
             ({ name: v }) => !v || v.length <= 50 || 'name_too_long',
+            form => {
+                var _a;
+                if ((_a = form.provisioning_config) === null || _a === void 0 ? void 0 : _a.allow_autoprovisioning) {
+                    if (!form.sku)
+                        return 'sku:v8n_required';
+                    if (form.sku.length > 200)
+                        return 'sku:v8n_too_long';
+                }
+                return true;
+            },
+            form => {
+                var _a;
+                const v = (_a = form.provisioning_config) === null || _a === void 0 ? void 0 : _a.initial_balance_min;
+                return typeof v === 'number' && v <= 0 ? 'min-balance:v8n_negative' : true;
+            },
+            form => {
+                var _a;
+                const v = (_a = form.provisioning_config) === null || _a === void 0 ? void 0 : _a.initial_balance_max;
+                return typeof v === 'number' && v <= 0 ? 'max-balance:v8n_negative' : true;
+            },
         ];
     }
     render() {
@@ -185,6 +206,10 @@ export class GiftCardForm extends Base {
                 ${isExpiresHidden ? '' : this.__renderExpires()}
               </div>
             `}
+
+        <foxy-internal-gift-card-form-provisioning-control infer="provisioning">
+        </foxy-internal-gift-card-form-provisioning-control>
+
         ${hidden.matches('codes', true) || !this.data ? '' : this.__renderCodes()}
         ${hidden.matches('product-restrictions', true) ? '' : this.__renderProductRestrictions()}
         ${hidden.matches('category-restrictions', true) || !this.data