@foxy.io/elements 1.27.0-beta.5 → 1.27.0-beta.7

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/GiftCardForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, GiftCardCodes } from './types';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CategoryRestrictionsPage } from './private/CategoryRestrictionsPage';\nimport { Column } from '../Table/types';\nimport { ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { EditableList } from '../../private/EditableList/EditableList';\nimport { FormDialog } from '../FormDialog';\nimport { FrequencyInput } from '../../private/FrequencyInput/FrequencyInput';\nimport { FrequencyInputChangeEvent } from '../../private/FrequencyInput/FrequencyInputChangeEvent';\nimport { Group } from '../../private/Group/Group';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { Metadata } from '../../private/Metadata/Metadata';\nimport { QueryBuilder } from '../QueryBuilder/QueryBuilder';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { currencies } from './currencies';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'gift-card-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(ResponsiveMixin(TranslatableMixin(NucleonElement, NS))))\n);\n\n/**\n * Form element for creating or editing gift cards (`fx:gift_card`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot currency:before\n * @slot currency:after\n *\n * @slot expires:before\n * @slot expires:after\n *\n * @slot codes:before\n * @slot codes:after\n *\n * @slot product-restrictions:before\n * @slot product-restrictions:after\n *\n * @slot category-restrictions:before\n * @slot category-restrictions: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-form\n * @since 1.15.0\n */\nexport class GiftCardForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'iron-icon': customElements.get('iron-icon'),\n\n      'foxy-internal-gift-card-form-provisioning-control': customElements.get(\n        'foxy-internal-gift-card-form-provisioning-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-query-builder': customElements.get('foxy-query-builder'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'foxy-pagination': customElements.get('foxy-pagination'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-category-restrictions-page': CategoryRestrictionsPage,\n      'x-frequency-input': FrequencyInput,\n      'x-metadata': Metadata,\n      'x-editable-list': EditableList,\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __codesTableQuery: { attribute: false },\n      __itemCategories: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name_too_long',\n\n      form => {\n        if (form.provisioning_config?.allow_autoprovisioning) {\n          if (!form.sku) return 'sku:v8n_required';\n          if (form.sku.length > 200) return 'sku:v8n_too_long';\n        }\n\n        return true;\n      },\n\n      form => {\n        const v = form.provisioning_config?.initial_balance_min;\n        return typeof v === 'number' && v <= 0 ? 'min-balance:v8n_negative' : true;\n      },\n\n      form => {\n        const v = form.provisioning_config?.initial_balance_max;\n        return typeof v === 'number' && v <= 0 ? 'max-balance:v8n_negative' : true;\n      },\n    ];\n  }\n\n  private __codesTableColumns: Column<GiftCardCodes>[] = [\n    {\n      header: ctx => html`<foxy-i18n lang=${ctx.lang} key=\"code\" ns=${ctx.ns}></foxy-i18n>`,\n      cell: ctx => {\n        const isDisabled = !this.in('idle') || this.disabledSelector.matches('codes', true);\n\n        return html`\n          <div class=\"flex items-center gap-xs\">\n            <vaadin-button\n              theme=\"tertiary-inline contrast\"\n              class=\"p-0\"\n              ?disabled=${isDisabled}\n              @click=${(evt: CustomEvent) => {\n                const dialog = this.renderRoot.querySelector<FormDialog>('#code-dialog')!;\n                const button = evt.currentTarget as ButtonElement;\n\n                dialog.href = ctx.data._links.self.href;\n                dialog.show(button);\n              }}\n            >\n              <span class=\"font-tnum\">${ctx.data.code}</span>\n            </vaadin-button>\n\n            <foxy-copy-to-clipboard\n              ?disabled=${isDisabled}\n              text=${ctx.data.code}\n              lang=${ctx.lang}\n              ns=\"${ctx.ns} copy-to-clipboard\"\n            >\n            </foxy-copy-to-clipboard>\n          </div>\n        `;\n      },\n    },\n    {\n      header: ctx => html`<foxy-i18n lang=${ctx.lang} key=\"date_created\" ns=${ctx.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({ value: ctx.data.date_created })}\n          class=\"text-tertiary\"\n          lang=${ctx.lang}\n          key=\"date\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n    {\n      hideBelow: 'sm',\n      header: c => html`<foxy-i18n lang=${c.lang} key=\"end_date\" ns=${c.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({ value: ctx.data.end_date })}\n          class=\"text-tertiary\"\n          lang=${ctx.lang}\n          key=\"date\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n    {\n      header: c => html`<foxy-i18n lang=${c.lang} key=\"current_balance\" ns=${c.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({\n            amount: `${ctx.data.current_balance} ${this.data?.currency_code}`,\n            currencyDisplay: this.__currencyDisplay,\n          })}\n          lang=${ctx.lang}\n          key=\"price\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n  ];\n\n  private static readonly __codesQueryOptions: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'current_balance', path: 'current_balance', type: Type.Number },\n    { label: 'end_date', path: 'end_date', type: Type.Date },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __codesTableQuery: string | null = null;\n\n  private __currencyDisplay = '';\n\n  private __itemCategories = '';\n\n  render(): TemplateResult {\n    const hidden = this.hiddenSelector;\n    const isNameHidden = hidden.matches('name', true);\n    const isCurrencyHidden = hidden.matches('currency', true);\n    const isExpiresHidden = hidden.matches('expires', true);\n\n    return html`\n      <div class=\"relative space-y-l\">\n        ${isNameHidden && isCurrencyHidden && isExpiresHidden\n          ? ''\n          : html`\n              <div class=\"grid grid-cols-1 sm-grid-cols-3 md-grid-cols-4 gap-m\">\n                ${isNameHidden ? '' : html`<div class=\"md-col-span-2\">${this.__renderName()}</div>`}\n                ${isCurrencyHidden ? '' : this.__renderCurrency()}\n                ${isExpiresHidden ? '' : this.__renderExpires()}\n              </div>\n            `}\n\n        <foxy-internal-gift-card-form-provisioning-control infer=\"provisioning\">\n        </foxy-internal-gift-card-form-provisioning-control>\n\n        ${hidden.matches('codes', true) || !this.data ? '' : this.__renderCodes()}\n        ${hidden.matches('product-restrictions', true) ? '' : this.__renderProductRestrictions()}\n        ${hidden.matches('category-restrictions', true) || !this.data\n          ? ''\n          : this.__renderCategoryRestrictions()}\n        ${hidden.matches('timestamps', true) ? '' : this.__renderTimestamps()}\n        ${hidden.matches('create', true) || !!this.data ? '' : this.__renderCreate()}\n        ${hidden.matches('delete', true) || !this.data ? '' : 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('busy') && !this.in('fail'),\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  protected async _sendGet(): Promise<Data> {\n    type Store = Resource<Rels.Store>;\n\n    const giftCard = await super._sendGet();\n    const store = await super._fetch<Store>(giftCard._links['fx:store'].href);\n    const categoriesURL = new URL(store._links['fx:item_categories'].href);\n\n    categoriesURL.searchParams.set('limit', '5');\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    this.__itemCategories = categoriesURL.toString();\n\n    return giftCard;\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 __renderName() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <vaadin-text-field\n          error-message=${this.__getErrorMessage('name')}\n          helper-text=${this.t('gift_card_name_helper_text')}\n          data-testid=\"name\"\n          class=\"w-full\"\n          label=${this.t('name')}\n          .checkValidity=${this.__getValidator('name')}\n          .value=${this.form.name ?? ''}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('name', true)}\n          ?readonly=${this.readonlySelector.matches('name', true)}\n          required\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            const newName = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ name: newName });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  }\n\n  private __renderCurrency() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('currency:before')}\n\n        <vaadin-combo-box\n          item-label-path=\"label\"\n          item-value-path=\"value\"\n          item-id-path=\"value\"\n          data-testid=\"currency\"\n          class=\"w-full\"\n          label=${this.t('currency')}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('currency', true)}\n          ?readonly=${this.readonlySelector.matches('currency', true)}\n          .value=${this.form.currency_code?.toLowerCase() ?? ''}\n          .items=${currencies.map(code => ({\n            label: `${this.t(`currency_${code}`)} (${code.toUpperCase()})`,\n            value: code,\n          }))}\n          @change=${(evt: CustomEvent) => {\n            const comboBox = evt.currentTarget as ComboBoxElement;\n            this.edit({ currency_code: comboBox.value });\n          }}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot('currency:after')}\n      </div>\n    `;\n  }\n\n  private __renderExpires() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('expires:before')}\n\n        <x-frequency-input\n          placeholder=${this.t('select')}\n          data-testid=\"expires\"\n          label=${this.t('expires_after')}\n          class=\"w-full\"\n          lang=${this.lang}\n          ns=${this.ns}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('expires', true)}\n          ?readonly=${this.readonlySelector.matches('expires', true)}\n          .value=${this.form.expires_after ?? ''}\n          @change=${(evt: FrequencyInputChangeEvent) => {\n            const input = evt.currentTarget as FrequencyInput;\n            this.edit({ expires_after: input.value });\n          }}\n        >\n        </x-frequency-input>\n\n        ${this.renderTemplateOrSlot('expires:after')}\n      </div>\n    `;\n  }\n\n  private __renderCodes() {\n    const { disabledSelector, readonlySelector, hiddenSelector, group, data, lang, ns } = this;\n\n    const isDisabled = !this.in('idle') || disabledSelector.matches('codes', true);\n    const filters = this.__codesTableQuery;\n    const url = new URL(data!._links['fx:gift_card_codes'].href);\n\n    new URLSearchParams(filters ?? '').forEach((value, name) => url.searchParams.set(name, value));\n    url.searchParams.set('limit', '5');\n\n    const filterButtonLabel = filters === null ? 'filter' : 'clear_filters';\n    const filterButtonIcon = `icons:${filters === null ? 'filter-list' : 'clear'}`;\n\n    return html`\n      <div data-testid=\"codes\">\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:generate:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:generate:form').toString()}\n          hiddencontrols=\"save-button ${hiddenSelector.zoom('codes:generate:form').toString()}\"\n          header=\"generate\"\n          parent=${data?._links['fx:generate_codes'].href ?? ''}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-generate-codes-form\"\n          ns=${ns}\n          id=\"generate-codes-dialog\"\n          alert\n          .related=${[url.toString()]}\n        >\n        </foxy-form-dialog>\n\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('codes:form').toString()}\n          header=\"code\"\n          parent=${url.toString()}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-gift-card-code-form\"\n          ns=${ns}\n          id=\"code-dialog\"\n        >\n        </foxy-form-dialog>\n\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:import:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:import:form').toString()}\n          hiddencontrols=\"save-button ${hiddenSelector.zoom('codes:import:form').toString()}\"\n          header=\"import\"\n          parent=${data!._links['fx:gift_card_codes'].href}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-gift-card-codes-form\"\n          ns=${ns}\n          id=\"import-dialog\"\n        >\n        </foxy-form-dialog>\n\n        ${this.renderTemplateOrSlot('codes:before')}\n\n        <div class=\"flex items-center justify-between mb-xs space-x-s\">\n          <foxy-i18n\n            class=\"text-s font-medium text-secondary leading-none flex-1\"\n            lang=${lang}\n            key=\"code_plural\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n\n          <vaadin-button\n            data-testid=\"codes:generate-button\"\n            theme=\"success tertiary small\"\n            ?disabled=${isDisabled}\n            @click=${(evt: CustomEvent) => {\n              const dialog = this.renderRoot.querySelector<FormDialog>('#generate-codes-dialog');\n              const button = evt.currentTarget as ButtonElement;\n              dialog?.show(button);\n            }}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=\"generate\" ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=\"icons:add\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            data-testid=\"codes:import-button\"\n            theme=\"contrast tertiary small\"\n            ?disabled=${isDisabled}\n            @click=${(evt: CustomEvent) => {\n              const dialog = this.renderRoot.querySelector<FormDialog>('#import-dialog');\n              const button = evt.currentTarget as ButtonElement;\n              dialog?.show(button);\n            }}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=\"import\" ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=\"icons:open-in-browser\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            data-testid=\"codes:filter-button\"\n            theme=\"contrast ${filters === null ? 'tertiary' : ''} small\"\n            ?disabled=${isDisabled}\n            @click=${() => (this.__codesTableQuery = filters === null ? '' : null)}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=${filterButtonLabel} ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=${filterButtonIcon}></iron-icon>\n          </vaadin-button>\n        </div>\n\n        <foxy-query-builder\n          class=\"my-s\"\n          lang=${lang}\n          ns=\"${ns} ${customElements.get('foxy-query-builder')?.defaultNS ?? ''}\"\n          ?disabled=${isDisabled}\n          ?hidden=${filters === null}\n          .options=${GiftCardForm.__codesQueryOptions}\n          .value=${filters ?? ''}\n          @change=${(evt: CustomEvent) => {\n            const queryBuilder = evt.currentTarget as QueryBuilder;\n            this.__codesTableQuery = queryBuilder.value;\n          }}\n        >\n        </foxy-query-builder>\n\n        <foxy-pagination\n          first=${url.toString()}\n          lang=${lang}\n          ns=\"${ns} ${customElements.get('foxy-pagination')?.defaultNS ?? ''}\"\n          ?disabled=${isDisabled}\n        >\n          <foxy-table\n            class=\"px-m mb-s border border-contrast-10 rounded\"\n            group=${group}\n            lang=${lang}\n            ns=${ns}\n            .columns=${this.__codesTableColumns}\n          >\n          </foxy-table>\n        </foxy-pagination>\n\n        ${this.renderTemplateOrSlot('codes:after')}\n      </div>\n    `;\n  }\n\n  private __renderProductRestrictions() {\n    const scope = 'product-restrictions';\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope, true);\n    const isReadonly = this.readonlySelector.matches(scope, true);\n    const restrictions = this.form.product_code_restrictions ?? '';\n\n    const groups = [\n      { header: 'allow', items: [] as { label?: string; value: string }[] },\n      { header: 'block', items: [] as { label?: string; value: string }[] },\n    ];\n\n    if (restrictions) {\n      restrictions.split(',').forEach(value => {\n        const isBlocklistValue = value.startsWith('-');\n        const target = isBlocklistValue ? 1 : 0;\n        const label = isBlocklistValue ? value.substring(1) : value;\n\n        groups[target].items.push({ label, value });\n      });\n    }\n\n    return html`\n      <div data-testid=\"product-restrictions\">\n        ${this.renderTemplateOrSlot('product-restrictions:before')}\n\n        <div class=\"space-y-s\">\n          <x-group frame>\n            <foxy-i18n\n              class=${isDisabled ? 'text-disabled' : 'text-secondary'}\n              slot=\"header\"\n              lang=${this.lang}\n              key=\"product_restrictions\"\n              ns=${this.ns}\n            >\n            </foxy-i18n>\n\n            <div class=\"grid sm-grid-cols-2 bg-contrast-10\" style=\"gap: 1px\">\n              ${groups.map((group, index) => {\n                return html`\n                  <x-group class=\"bg-base pt-m\">\n                    <foxy-i18n\n                      class=${isDisabled ? 'text-disabled' : 'text-tertiary'}\n                      slot=\"header\"\n                      lang=${this.lang}\n                      key=${group.header}\n                      ns=${this.ns}\n                    >\n                    </foxy-i18n>\n\n                    <x-editable-list\n                      data-testid=\"product-restrictions:${group.header}\"\n                      lang=${this.lang}\n                      ns=${this.ns}\n                      ?disabled=${isDisabled}\n                      ?readonly=${isReadonly}\n                      .items=${group.items}\n                      @change=${(evt: CustomEvent) => {\n                        const newItemsByGroup = [\n                          index === 0 ? (evt.currentTarget as EditableList).items : groups[0].items,\n                          index === 1 ? (evt.currentTarget as EditableList).items : groups[1].items,\n                        ];\n\n                        const newSanitizedItemsByGroup = newItemsByGroup\n                          .map(list => list.map(v => v.value.replace(/^[\\s-]*/, '').trimEnd()))\n                          .map(list => list.filter(v => !!v))\n                          .map(list => Array.from(new Set(list)));\n\n                        const newRestrictions = newSanitizedItemsByGroup[0]\n                          .concat(newSanitizedItemsByGroup[1].map(v => `-${v}`))\n                          .join(',');\n\n                        this.edit({ product_code_restrictions: newRestrictions });\n                      }}\n                    >\n                    </x-editable-list>\n                  </x-group>\n                `;\n              })}\n            </div>\n          </x-group>\n\n          <foxy-i18n\n            class=${classMap({\n              'block text-xs leading-s transition-colors': true,\n              'text-secondary': !isDisabled,\n              'text-disabled': isDisabled,\n            })}\n            lang=${this.lang}\n            key=\"gift_card_product_restrictions_explainer\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot('product-restrictions:after')}\n      </div>\n    `;\n  }\n\n  private __renderCategoryRestrictions() {\n    const scope = 'category-restrictions';\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope, true);\n    const isReadonly = this.readonlySelector.matches(scope, true);\n    const giftCardItemCategories = this.data?._links['fx:gift_card_item_categories'].href;\n\n    return html`\n      <div data-testid=\"category-restrictions\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <div class=\"space-y-xs\">\n          <foxy-pagination\n            first=${this.__itemCategories}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-pagination')?.defaultNS ?? ''}\"\n            ?disabled=${isDisabled}\n          >\n            <foxy-i18n\n              class=\"block text-s font-medium text-secondary leading-none mb-s\"\n              lang=${this.lang}\n              key=\"category_restrictions\"\n              ns=${this.ns}\n            >\n            </foxy-i18n>\n\n            <x-category-restrictions-page\n              gift-card-item-categories=${ifDefined(giftCardItemCategories)}\n              data-testid=\"category-restrictions:page\"\n              gift-card=${this.href}\n              class=\"border border-contrast-10 rounded mb-s\"\n              group=${this.group}\n              lang=${this.lang}\n              ns=${this.ns}\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n            >\n            </x-category-restrictions-page>\n          </foxy-pagination>\n\n          <foxy-i18n\n            class=\"block text-xs leading-s text-secondary\"\n            lang=${this.lang}\n            key=\"gift_card_category_restrictions_helper_text\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  }\n\n  private __renderTimestamps() {\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() {\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 isBusy = this.in('busy');\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=${isBusy || 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() {\n    return html`\n      <div>\n        <foxy-internal-confirm-dialog\n          data-testid=\"confirm\"\n          message=\"delete_prompt\"\n          confirm=\"delete\"\n          cancel=\"cancel\"\n          header=\"delete\"\n          theme=\"primary error\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"confirm\"\n          @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n        >\n        </foxy-internal-confirm-dialog>\n\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          data-testid=\"delete\"\n          theme=\"error\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${(evt: CustomEvent) => {\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n            confirm.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"GiftCardForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/GiftCardForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Action } from '../../internal/InternalAsyncListControl/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { Option, Type } from '../QueryBuilder/types';\nimport { html } from 'lit-element';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { currencies } from './currencies';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'gift-card-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating or editing gift cards (`fx:gift_card`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot currency:before\n * @slot currency:after\n *\n * @slot expires:before\n * @slot expires:after\n *\n * @slot codes:before\n * @slot codes:after\n *\n * @slot product-restrictions:before\n * @slot product-restrictions:after\n *\n * @slot category-restrictions:before\n * @slot category-restrictions:after\n *\n * @slot attributes:before - **new in v1.27.0**\n * @slot attributes:after - **new in v1.27.0**\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-gift-card-form\n * @since 1.15.0\n */\nexport class GiftCardForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getCustomerHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name:v8n_too_long',\n\n      form => {\n        if (form.provisioning_config?.allow_autoprovisioning) {\n          if (!form.sku) return 'sku:v8n_required';\n          if (form.sku.length > 200) return 'sku:v8n_too_long';\n        }\n\n        return true;\n      },\n\n      form => {\n        const v = form.provisioning_config?.initial_balance_min;\n        return typeof v === 'number' && v < 0 ? 'min-balance:v8n_negative' : true;\n      },\n\n      form => {\n        const v = form.provisioning_config?.initial_balance_max;\n        return typeof v === 'number' && v < 0 ? 'max-balance:v8n_negative' : true;\n      },\n\n      ({ product_code_restrictions: v }) => {\n        return !v || v.length <= 5000 || 'product-code-restrictions:v8n_too_long';\n      },\n    ];\n  }\n\n  /** Returns a `fx:customer` Resource URL for a Customer ID. */\n  getCustomerHref: (id: number | string) => string = id => {\n    return `https://api.foxycart.com/customers/${id}`;\n  };\n\n  private readonly __productCodeRestrictionsGetValue = () => {\n    return this.form.product_code_restrictions\n      ?.split(',')\n      .filter(v => !!v.trim())\n      .map(value => ({\n        value,\n        label: value.startsWith('-')\n          ? this.t(`product-code-restrictions.label_block`, { value: value.substring(1) })\n          : this.t(`product-code-restrictions.label_allow`, { value }),\n      }));\n  };\n\n  private readonly __productCodeRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      product_code_restrictions: newValue\n        .map(({ value, unit }) => (unit === 'block' ? `-${value}` : value))\n        .filter((v, i, a) => !!v && a.indexOf(v) === i)\n        .join(','),\n    });\n  };\n\n  private readonly __currencyCodeGetValue = () => {\n    return this.form.currency_code?.toLowerCase();\n  };\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __codesFilters: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'current_balance', path: 'current_balance', type: Type.Number },\n    { label: 'end_date', path: 'end_date', type: Type.Date },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __codesActions: Action<Resource<Rels.GiftCardCode>>[] = [\n    {\n      theme: 'contrast',\n      state: 'idle',\n      text: 'copy_button_text',\n      onClick: async data => {\n        this.__codesActions[0].state = 'busy';\n        this.__codesActions = [...this.__codesActions];\n\n        try {\n          await navigator.clipboard.writeText(data.code);\n          this.__codesActions[0].state = 'end';\n        } catch {\n          this.__codesActions[0].state = 'error';\n        } finally {\n          this.__codesActions = [...this.__codesActions];\n          setTimeout(() => {\n            this.__codesActions[0].state = 'idle';\n            this.__codesActions = [...this.__codesActions];\n          }, 1000);\n        }\n      },\n    },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.data) {\n      alwaysMatch.push('codes', 'category-restrictions', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:generate_codes'].href}\n        infer=\"generate\"\n        form=\"foxy-generate-codes-form\"\n        .related=${[data._links['fx:gift_card_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:gift_card_codes'].href}\n        infer=\"import\"\n        form=\"foxy-gift-card-codes-form\"\n        .related=${[data._links['fx:gift_card_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      ${super.renderHeaderActions(data)}\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let codesUrl: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:gift_card_codes'].href ?? '');\n      url.searchParams.set('order', 'date_created desc');\n\n      codesUrl = url.toString();\n    } catch {\n      codesUrl = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <div class=\"grid grid-cols-1 sm-grid-cols-3 md-grid-cols-4 gap-m\">\n        <foxy-internal-text-control infer=\"name\" class=\"md-col-span-2\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          property=\"currency_code\"\n          infer=\"currency\"\n          .getValue=${this.__currencyCodeGetValue}\n          .options=${currencies.map(value => ({\n            label: this.t(`currency.code_${value}`),\n            value,\n          }))}\n        >\n        </foxy-internal-select-control>\n\n        <foxy-internal-frequency-control property=\"expires_after\" infer=\"expires\">\n        </foxy-internal-frequency-control>\n      </div>\n\n      <foxy-internal-gift-card-form-provisioning-control infer=\"provisioning\">\n      </foxy-internal-gift-card-form-provisioning-control>\n\n      <foxy-internal-async-list-control\n        first=${codesUrl}\n        limit=\"5\"\n        infer=\"codes\"\n        item=\"foxy-gift-card-code-card\"\n        form=\"foxy-gift-card-code-form\"\n        alert\n        .formProps=${{ '.getCustomerHref': this.getCustomerHref }}\n        .actions=${this.__codesActions}\n        .filters=${this.__codesFilters}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"product-code-restrictions\"\n        .getValue=${this.__productCodeRestrictionsGetValue}\n        .setValue=${this.__productCodeRestrictionsSetValue}\n        .units=${[\n          { label: this.t('product-code-restrictions.unit_allow'), value: 'allow' },\n          { label: this.t('product-code-restrictions.unit_block'), value: 'block' },\n        ]}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-async-resource-link-list-control\n        foreign-key-for-uri=\"item_category_uri\"\n        foreign-key-for-id=\"item_category_id\"\n        own-key-for-uri=\"gift_card_uri\"\n        options-href=${ifDefined(this.__storeLoader?.data?._links['fx:item_categories'].href)}\n        links-href=${ifDefined(this.data?._links['fx:gift_card_item_categories'].href)}\n        embed-key=\"fx:gift_card_item_categories\"\n        own-uri=${ifDefined(this.data?._links.self.href)}\n        infer=\"category-restrictions\"\n        limit=\"5\"\n        item=\"foxy-item-category-card\"\n      >\n      </foxy-internal-async-resource-link-list-control>\n\n      <foxy-internal-async-list-control\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        limit=\"5\"\n        infer=\"attributes\"\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}

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

@@ -1,18 +1,19 @@
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-combo-box';
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
+import '../../internal/InternalAsyncResourceLinkListControl/index';
+import '../../internal/InternalBulkAddActionControl/index';
+import '../../internal/InternalEditableListControl/index';
+import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalFrequencyControl/index';
+import '../../internal/InternalSelectControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
 import '../GenerateCodesForm/index';
 import '../GiftCardCodesForm/index';
+import '../ItemCategoryCard/index';
+import '../GiftCardCodeCard/index';
 import '../GiftCardCodeForm/index';
-import '../CopyToClipboard/index';
-import '../QueryBuilder/index';
-import '../Pagination/index';
-import '../FormDialog/index';
-import '../Spinner/index';
-import '../Table/index';
-import '../I18n/index';
+import '../NucleonElement/index';
+import '../AttributeCard/index';
+import '../AttributeForm/index';
 import './internal/InternalGiftCardFormProvisioningControl/index';
 import { GiftCardForm } from './GiftCardForm';
 export { GiftCardForm };

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

@@ -1,18 +1,19 @@
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-combo-box';
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
+import "../../internal/InternalAsyncResourceLinkListControl/index.js";
+import "../../internal/InternalBulkAddActionControl/index.js";
+import "../../internal/InternalEditableListControl/index.js";
+import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalFrequencyControl/index.js";
+import "../../internal/InternalSelectControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
 import "../GenerateCodesForm/index.js";
 import "../GiftCardCodesForm/index.js";
+import "../ItemCategoryCard/index.js";
+import "../GiftCardCodeCard/index.js";
 import "../GiftCardCodeForm/index.js";
-import "../CopyToClipboard/index.js";
-import "../QueryBuilder/index.js";
-import "../Pagination/index.js";
-import "../FormDialog/index.js";
-import "../Spinner/index.js";
-import "../Table/index.js";
-import "../I18n/index.js";
+import "../NucleonElement/index.js";
+import "../AttributeCard/index.js";
+import "../AttributeForm/index.js";
 import "./internal/InternalGiftCardFormProvisioningControl/index.js";
 import { GiftCardForm } from "./GiftCardForm.js";
 customElements.define('foxy-gift-card-form', GiftCardForm);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uBAAuB,CAAC;AAE/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,uCAAoC;AACpC,uCAAoC;AACpC,sCAAmC;AACnC,qCAAkC;AAClC,kCAA+B;AAC/B,gCAA6B;AAC7B,gCAA6B;AAC7B,6BAA0B;AAC1B,2BAAwB;AACxB,0BAAuB;AAEvB,qEAAkE;AAElE,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-combo-box';\nimport '@vaadin/vaadin-button';\n\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../GenerateCodesForm/index';\nimport '../GiftCardCodesForm/index';\nimport '../GiftCardCodeForm/index';\nimport '../CopyToClipboard/index';\nimport '../QueryBuilder/index';\nimport '../Pagination/index';\nimport '../FormDialog/index';\nimport '../Spinner/index';\nimport '../Table/index';\nimport '../I18n/index';\n\nimport './internal/InternalGiftCardFormProvisioningControl/index';\n\nimport { GiftCardForm } from './GiftCardForm';\n\ncustomElements.define('foxy-gift-card-form', GiftCardForm);\n\nexport { GiftCardForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/index.ts"],"names":[],"mappings":"AAAA,sEAAmE;AACnE,8DAA2D;AAC3D,6DAA0D;AAC1D,0DAAuD;AACvD,0DAAuD;AACvD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,uCAAoC;AACpC,uCAAoC;AACpC,sCAAmC;AACnC,sCAAmC;AACnC,sCAAmC;AACnC,oCAAiC;AACjC,mCAAgC;AAChC,mCAAgC;AAEhC,qEAAkE;AAElE,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncResourceLinkListControl/index';\nimport '../../internal/InternalBulkAddActionControl/index';\nimport '../../internal/InternalEditableListControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../GenerateCodesForm/index';\nimport '../GiftCardCodesForm/index';\nimport '../ItemCategoryCard/index';\nimport '../GiftCardCodeCard/index';\nimport '../GiftCardCodeForm/index';\nimport '../NucleonElement/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\n\nimport './internal/InternalGiftCardFormProvisioningControl/index';\n\nimport { GiftCardForm } from './GiftCardForm';\n\ncustomElements.define('foxy-gift-card-form', GiftCardForm);\n\nexport { GiftCardForm };\n"]}

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

@@ -1,28 +1,3 @@
-import { Rels } from '@foxy.io/sdk/backend';
-import { Resource } from '@foxy.io/sdk/core';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.GiftCard>;
-export declare type GiftCardCodes = Resource<Rels.GiftCardCodes>;
-export declare type RulesTierParams = {
-    source: string;
-    method: string;
-    units: string;
-    tier?: string;
-    onChange: (newParams: Partial<RulesTierParams>) => void;
-    onDelete: () => void;
-};
-export declare type RulesTierFieldParams = {
-    value: string;
-    label: string;
-    onChange: (newValue: string) => void;
-};
-export declare type RulesTierSwitchParams = {
-    value: number;
-    options: [string, string];
-    onChange: (newValueIndex: number) => void;
-};
-export declare type RulesTierSelectParams = {
-    label: string;
-    value: string;
-    options: Record<string, string>;
-    onChange: (newValue: string) => void;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.GiftCard>;\nexport type GiftCardCodes = Resource<Rels.GiftCardCodes>;\n\nexport type RulesTierParams = {\n  source: string;\n  method: string;\n  units: string;\n  tier?: string;\n  onChange: (newParams: Partial<RulesTierParams>) => void;\n  onDelete: () => void;\n};\n\nexport type RulesTierFieldParams = {\n  value: string;\n  label: string;\n  onChange: (newValue: string) => void;\n};\n\nexport type RulesTierSwitchParams = {\n  value: number;\n  options: [string, string];\n  onChange: (newValueIndex: number) => void;\n};\n\nexport type RulesTierSelectParams = {\n  label: string;\n  value: string;\n  options: Record<string, string>;\n  onChange: (newValue: string) => void;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/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.GiftCard>;\n"]}

package/dist/elements/public/I18n/format/discount.js

@@ -8,13 +8,20 @@ export const discount = ({ ns, type, details }, format, lang) => {
     const factor = type.endsWith('_percentage') ? 0.01 : 1;
     const tiers = details.split('|');
     const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';
-    const i18nKey = `${method}_${type}_discount_summary`;
+    const splitNs = ns.split(' ');
+    const topNs = splitNs.shift();
+    const i18nKey = [...splitNs, `${method}_${type}_discount_summary`].join('.');
     const translatedTiers = tiers.map(tier => {
         var _a, _b;
         const signIndex = (_b = (_a = /[-+]/.exec(tier)) === null || _a === void 0 ? void 0 : _a.index) !== null && _b !== void 0 ? _b : -1;
         const adjustment = parseFloat(tier.substring(signIndex)) * factor;
         const from = parseFloat(tier.substring(0, signIndex));
-        return `$t(${i18nKey}, ${JSON.stringify({ maximumFractionDigits: 10, adjustment, from, ns })})`;
+        return `$t(${i18nKey}, ${JSON.stringify({
+            maximumFractionDigits: 10,
+            adjustment,
+            from,
+            ns: topNs,
+        })})`;
     });
     return translatedTiers.join('; ');
 };

package/dist/elements/public/I18n/format/discount.js.map

@@ -1 +1 @@
-{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/discount.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IAC7F,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,MAAM,OAAO,GAAG,GAAG,MAAM,IAAI,IAAI,mBAAmB,CAAC;IAErD,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;QACvC,MAAM,SAAS,eAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;QAClE,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;QAEtD,OAAO,MAAM,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE,qBAAqB,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC;IAClG,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\ntype Value = { ns: string; type: string; details: string };\n\n/**\n * i18next formatter that returns a human-readable discount description for an API value.\n * @see https://www.i18next.com/translation-function/formatting\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const discount: FormatFunction = ({ ns, type, details }: Value, format, lang): string => {\n  const methods = ['allunits', 'incremental', 'repeat', 'single'];\n  const factor = type.endsWith('_percentage') ? 0.01 : 1;\n  const tiers = details.split('|');\n  const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';\n  const i18nKey = `${method}_${type}_discount_summary`;\n\n  const translatedTiers = tiers.map(tier => {\n    const signIndex = /[-+]/.exec(tier)?.index ?? -1;\n    const adjustment = parseFloat(tier.substring(signIndex)) * factor;\n    const from = parseFloat(tier.substring(0, signIndex));\n\n    return `$t(${i18nKey}, ${JSON.stringify({ maximumFractionDigits: 10, adjustment, from, ns })})`;\n  });\n\n  return translatedTiers.join('; ');\n};\n"]}
+{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/discount.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IAC7F,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,MAAM,IAAI,IAAI,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE7E,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;QACvC,MAAM,SAAS,eAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;QAClE,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;QAEtD,OAAO,MAAM,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC;YACtC,qBAAqB,EAAE,EAAE;YACzB,UAAU;YACV,IAAI;YACJ,EAAE,EAAE,KAAK;SACV,CAAC,GAAG,CAAC;IACR,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\ntype Value = { ns: string; type: string; details: string };\n\n/**\n * i18next formatter that returns a human-readable discount description for an API value.\n * @see https://www.i18next.com/translation-function/formatting\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const discount: FormatFunction = ({ ns, type, details }: Value, format, lang): string => {\n  const methods = ['allunits', 'incremental', 'repeat', 'single'];\n  const factor = type.endsWith('_percentage') ? 0.01 : 1;\n  const tiers = details.split('|');\n  const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';\n  const splitNs = ns.split(' ');\n  const topNs = splitNs.shift();\n  const i18nKey = [...splitNs, `${method}_${type}_discount_summary`].join('.');\n\n  const translatedTiers = tiers.map(tier => {\n    const signIndex = /[-+]/.exec(tier)?.index ?? -1;\n    const adjustment = parseFloat(tier.substring(signIndex)) * factor;\n    const from = parseFloat(tier.substring(0, signIndex));\n\n    return `$t(${i18nKey}, ${JSON.stringify({\n      maximumFractionDigits: 10,\n      adjustment,\n      from,\n      ns: topNs,\n    })})`;\n  });\n\n  return translatedTiers.join('; ');\n};\n"]}

package/dist/elements/public/I18n/format/ordinal.js

@@ -2,8 +2,12 @@
  * i18next formatter that returns ordinal for a number.
  * @see https://www.i18next.com/translation-function/formatting
  */
-export const ordinal = (value, format, lang) => {
+export const ordinal = (value, format, lang, options) => {
+    var _a, _b;
     const rules = new Intl.PluralRules(lang, { type: 'ordinal' });
-    return `${value}$t(ordinal_${rules.select(value)})`;
+    const splitNs = (_b = (_a = options === null || options === void 0 ? void 0 : options.ns) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+    splitNs === null || splitNs === void 0 ? void 0 : splitNs.shift();
+    const key = [...splitNs, `ordinal_${rules.select(value)}`].join('.');
+    return `${value}$t(${key})`;
 };
 //# sourceMappingURL=ordinal.js.map

package/dist/elements/public/I18n/format/ordinal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordinal.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/ordinal.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IACrE,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9D,OAAO,GAAG,KAAK,cAAc,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that returns ordinal for a number.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const ordinal: FormatFunction = (value, format, lang): string => {\n  const rules = new Intl.PluralRules(lang, { type: 'ordinal' });\n  return `${value}$t(ordinal_${rules.select(value)})`;\n};\n"]}
+{"version":3,"file":"ordinal.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/ordinal.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,EAAE;;IAC9E,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,eAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,0CAAE,KAAK,CAAC,GAAG,oCAAK,EAAE,CAAC;IAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAAG;IACjB,MAAM,GAAG,GAAG,CAAC,GAAG,OAAO,EAAE,WAAW,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,GAAG,KAAK,MAAM,GAAG,GAAG,CAAC;AAC9B,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that returns ordinal for a number.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const ordinal: FormatFunction = (value, format, lang, options): string => {\n  const rules = new Intl.PluralRules(lang, { type: 'ordinal' });\n  const splitNs = options?.ns?.split(' ') ?? [];\n  splitNs?.shift();\n  const key = [...splitNs, `ordinal_${rules.select(value)}`].join('.');\n  return `${value}$t(${key})`;\n};\n"]}

package/dist/elements/public/IntegrationForm/IntegrationForm.js

@@ -103,14 +103,16 @@ export class IntegrationForm extends Base {
         const data = this.data;
         const noDescription = html `<foxy-i18n infer="header" key="no_description"></foxy-i18n>`;
         return html `
-      ${this.renderTemplateOrSlot('header:before')}
+      <div>
+        ${this.renderTemplateOrSlot('header:before')}
 
-      <div class="space-y-xs">
-        <div class="font-medium truncate text-xl">${data.project_name}&ZeroWidthSpace;</div>
-        <div class="text-secondary">${data.project_description || noDescription}</div>
-      </div>
+        <div class="space-y-xs">
+          <div class="font-medium truncate text-xl">${data.project_name}&ZeroWidthSpace;</div>
+          <div class="text-secondary">${data.project_description || noDescription}</div>
+        </div>
 
-      ${this.renderTemplateOrSlot('header:after')}
+        ${this.renderTemplateOrSlot('header:after')}
+      </div>
     `;
     }
     __renderTable() {

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

@@ -1 +1 @@
-{"version":3,"file":"IntegrationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/IntegrationForm/IntegrationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data, PostResponseData } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'integration-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing integrations (`fx:integration`).\n *\n * @slot project-name:before\n * @slot project-name:after\n *\n * @slot project-description:before\n * @slot project-description:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot header:before\n * @slot header:after\n *\n * @slot message:before\n * @slot message:after\n *\n * @slot table:before\n * @slot table:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-integration-form\n * @since 1.21.0\n */\nexport class IntegrationForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __postResponse: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [({ project_name: v }) => !!v || 'project-name:v8n_required'];\n  }\n\n  private __postResponse: PostResponseData | null = null;\n\n  renderBody(): TemplateResult {\n    return this.data ? this.__renderSnapshotBody() : this.__renderTemplateBody();\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const constructor = this.constructor as typeof IntegrationForm;\n    const response = await new constructor.API(this).fetch(...args);\n    const method = typeof args[0] === 'string' ? args[1]?.method : args[0].method;\n    const url = typeof args[0] === 'string' ? args[0] : args[0].url;\n\n    if (!response.ok) throw response;\n\n    const json = await response.json();\n    if (method?.toUpperCase() === 'POST' && url === this.parent) this.__postResponse = json;\n\n    return json;\n  }\n\n  private __renderSnapshotBody() {\n    const hiddenSelector = this.hiddenSelector;\n    const postResponse = this.__postResponse;\n\n    return html`\n      ${hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n      ${hiddenSelector.matches('message', true) || !postResponse ? '' : this.__renderMessage()}\n      ${hiddenSelector.matches('table') ? '' : this.__renderTable()}\n      <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n    `;\n  }\n\n  private __renderTemplateBody() {\n    return html`\n      <foxy-internal-text-control infer=\"project-name\"></foxy-internal-text-control>\n      <foxy-internal-text-area-control infer=\"project-description\">\n      </foxy-internal-text-area-control>\n      <foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>\n    `;\n  }\n\n  private __renderMessage() {\n    return html`\n      ${this.renderTemplateOrSlot('message:before')}\n\n      <div class=\"bg-success-10 text-success p-m pb-s space-y-xs leading-s rounded-t-l rounded-b-l\">\n        <foxy-i18n infer=\"message\" class=\"block\" key=\"text\"></foxy-i18n>\n        <vaadin-button\n          data-testid=\"message-action\"\n          theme=\"tertiary contrast\"\n          class=\"p-0\"\n          ?disabled=${this.disabledSelector.matches('message', true)}\n          @click=${() => (this.__postResponse = null)}\n        >\n          <foxy-i18n infer=\"message\" key=\"action\"></foxy-i18n>\n        </vaadin-button>\n      </div>\n\n      ${this.renderTemplateOrSlot('message:after')}\n    `;\n  }\n\n  private __renderHeader() {\n    const data = this.data as Data;\n    const noDescription = html`<foxy-i18n infer=\"header\" key=\"no_description\"></foxy-i18n>`;\n\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <div class=\"space-y-xs\">\n        <div class=\"font-medium truncate text-xl\">${data.project_name}&ZeroWidthSpace;</div>\n        <div class=\"text-secondary\">${data.project_description || noDescription}</div>\n      </div>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  }\n\n  private __renderTable() {\n    const data = this.data as Data;\n    const expires = new Date((data.expires ?? 0) * 1000);\n    const postResponse = this.__postResponse;\n\n    return html`\n      ${this.renderTemplateOrSlot('table:before')}\n\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('added_by'),\n            value: this.__renderMailToLink(data.added_by_email, data.added_by_name),\n          })}\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('contact'),\n            value: this.__renderMailToLink(data.contact_email, data.contact_name),\n          })}\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('company'),\n            value: this.__renderLink(data.company_url, data.company_name),\n          })}\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('expires'),\n            value: this.__renderTableI18n('expires_date', { date: expires }),\n          })}\n          ${this.__renderTableRow({\n            label: 'Client ID',\n            value: this.__renderCopiableText(data.client_id),\n          })}\n          ${postResponse\n            ? html`\n                ${this.__renderTableRow({\n                  highlight: true,\n                  label: 'Client secret',\n                  value: this.__renderCopiableText(postResponse.client_secret),\n                })}\n                ${this.__renderTableRow({\n                  highlight: true,\n                  label: 'Refresh token',\n                  value: this.__renderCopiableText(postResponse.refresh_token),\n                })}\n                ${this.__renderTableRow({\n                  highlight: true,\n                  label: 'Access token',\n                  value: this.__renderCopiableText(postResponse.access_token),\n                })}\n              `\n            : ''}\n          ${this.__renderTableRow({ label: 'Scope', value: html`<code>${data.scope}</code>` })}\n        </tbody>\n      </table>\n\n      ${this.renderTemplateOrSlot('table:after')}\n    `;\n  }\n\n  private __renderCopiableText(text: string) {\n    return html`\n      <div class=\"flex items-center gap-s\">\n        <code class=\"truncate flex-1\">${text}</code>\n        <foxy-copy-to-clipboard infer=\"copy-to-clipboard\" class=\"inline-block\" text=${text}>\n        </foxy-copy-to-clipboard>\n      </div>\n    `;\n  }\n\n  private __renderMailToLink(email: string, caption: string) {\n    if (!email) return html`${caption}`;\n    return this.__renderLink(`mailto:${email}`, caption);\n  }\n\n  private __renderLink(href: string, caption: string) {\n    if (!href) return html`${caption}`;\n\n    return html`\n      <a\n        target=\"_blank\"\n        class=\"font-medium text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n        href=${href}\n      >\n        ${caption}\n      </a>\n    `;\n  }\n\n  private __renderTableRow(params: { label: unknown; value: unknown; highlight?: boolean }) {\n    const { label, value, highlight = false } = params;\n    return html`\n      <tr class=${classMap({ 'font-medium text-success': highlight })}>\n        <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">${label}</td>\n        <td class=\"max-w-0 truncate py-s text-body w-2-3\">${value}</td>\n      </tr>\n    `;\n  }\n\n  private __renderTableI18n(key: string, options?: unknown) {\n    return html`<foxy-i18n infer=\"table\" key=${key} .options=${options}></foxy-i18n>`;\n  }\n}\n"]}
+{"version":3,"file":"IntegrationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/IntegrationForm/IntegrationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data, PostResponseData } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'integration-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing integrations (`fx:integration`).\n *\n * @slot project-name:before\n * @slot project-name:after\n *\n * @slot project-description:before\n * @slot project-description:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot header:before\n * @slot header:after\n *\n * @slot message:before\n * @slot message:after\n *\n * @slot table:before\n * @slot table:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-integration-form\n * @since 1.21.0\n */\nexport class IntegrationForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __postResponse: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [({ project_name: v }) => !!v || 'project-name:v8n_required'];\n  }\n\n  private __postResponse: PostResponseData | null = null;\n\n  renderBody(): TemplateResult {\n    return this.data ? this.__renderSnapshotBody() : this.__renderTemplateBody();\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const constructor = this.constructor as typeof IntegrationForm;\n    const response = await new constructor.API(this).fetch(...args);\n    const method = typeof args[0] === 'string' ? args[1]?.method : args[0].method;\n    const url = typeof args[0] === 'string' ? args[0] : args[0].url;\n\n    if (!response.ok) throw response;\n\n    const json = await response.json();\n    if (method?.toUpperCase() === 'POST' && url === this.parent) this.__postResponse = json;\n\n    return json;\n  }\n\n  private __renderSnapshotBody() {\n    const hiddenSelector = this.hiddenSelector;\n    const postResponse = this.__postResponse;\n\n    return html`\n      ${hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n      ${hiddenSelector.matches('message', true) || !postResponse ? '' : this.__renderMessage()}\n      ${hiddenSelector.matches('table') ? '' : this.__renderTable()}\n      <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n    `;\n  }\n\n  private __renderTemplateBody() {\n    return html`\n      <foxy-internal-text-control infer=\"project-name\"></foxy-internal-text-control>\n      <foxy-internal-text-area-control infer=\"project-description\">\n      </foxy-internal-text-area-control>\n      <foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>\n    `;\n  }\n\n  private __renderMessage() {\n    return html`\n      ${this.renderTemplateOrSlot('message:before')}\n\n      <div class=\"bg-success-10 text-success p-m pb-s space-y-xs leading-s rounded-t-l rounded-b-l\">\n        <foxy-i18n infer=\"message\" class=\"block\" key=\"text\"></foxy-i18n>\n        <vaadin-button\n          data-testid=\"message-action\"\n          theme=\"tertiary contrast\"\n          class=\"p-0\"\n          ?disabled=${this.disabledSelector.matches('message', true)}\n          @click=${() => (this.__postResponse = null)}\n        >\n          <foxy-i18n infer=\"message\" key=\"action\"></foxy-i18n>\n        </vaadin-button>\n      </div>\n\n      ${this.renderTemplateOrSlot('message:after')}\n    `;\n  }\n\n  private __renderHeader() {\n    const data = this.data as Data;\n    const noDescription = html`<foxy-i18n infer=\"header\" key=\"no_description\"></foxy-i18n>`;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('header:before')}\n\n        <div class=\"space-y-xs\">\n          <div class=\"font-medium truncate text-xl\">${data.project_name}&ZeroWidthSpace;</div>\n          <div class=\"text-secondary\">${data.project_description || noDescription}</div>\n        </div>\n\n        ${this.renderTemplateOrSlot('header:after')}\n      </div>\n    `;\n  }\n\n  private __renderTable() {\n    const data = this.data as Data;\n    const expires = new Date((data.expires ?? 0) * 1000);\n    const postResponse = this.__postResponse;\n\n    return html`\n      ${this.renderTemplateOrSlot('table:before')}\n\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('added_by'),\n            value: this.__renderMailToLink(data.added_by_email, data.added_by_name),\n          })}\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('contact'),\n            value: this.__renderMailToLink(data.contact_email, data.contact_name),\n          })}\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('company'),\n            value: this.__renderLink(data.company_url, data.company_name),\n          })}\n          ${this.__renderTableRow({\n            label: this.__renderTableI18n('expires'),\n            value: this.__renderTableI18n('expires_date', { date: expires }),\n          })}\n          ${this.__renderTableRow({\n            label: 'Client ID',\n            value: this.__renderCopiableText(data.client_id),\n          })}\n          ${postResponse\n            ? html`\n                ${this.__renderTableRow({\n                  highlight: true,\n                  label: 'Client secret',\n                  value: this.__renderCopiableText(postResponse.client_secret),\n                })}\n                ${this.__renderTableRow({\n                  highlight: true,\n                  label: 'Refresh token',\n                  value: this.__renderCopiableText(postResponse.refresh_token),\n                })}\n                ${this.__renderTableRow({\n                  highlight: true,\n                  label: 'Access token',\n                  value: this.__renderCopiableText(postResponse.access_token),\n                })}\n              `\n            : ''}\n          ${this.__renderTableRow({ label: 'Scope', value: html`<code>${data.scope}</code>` })}\n        </tbody>\n      </table>\n\n      ${this.renderTemplateOrSlot('table:after')}\n    `;\n  }\n\n  private __renderCopiableText(text: string) {\n    return html`\n      <div class=\"flex items-center gap-s\">\n        <code class=\"truncate flex-1\">${text}</code>\n        <foxy-copy-to-clipboard infer=\"copy-to-clipboard\" class=\"inline-block\" text=${text}>\n        </foxy-copy-to-clipboard>\n      </div>\n    `;\n  }\n\n  private __renderMailToLink(email: string, caption: string) {\n    if (!email) return html`${caption}`;\n    return this.__renderLink(`mailto:${email}`, caption);\n  }\n\n  private __renderLink(href: string, caption: string) {\n    if (!href) return html`${caption}`;\n\n    return html`\n      <a\n        target=\"_blank\"\n        class=\"font-medium text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n        href=${href}\n      >\n        ${caption}\n      </a>\n    `;\n  }\n\n  private __renderTableRow(params: { label: unknown; value: unknown; highlight?: boolean }) {\n    const { label, value, highlight = false } = params;\n    return html`\n      <tr class=${classMap({ 'font-medium text-success': highlight })}>\n        <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">${label}</td>\n        <td class=\"max-w-0 truncate py-s text-body w-2-3\">${value}</td>\n      </tr>\n    `;\n  }\n\n  private __renderTableI18n(key: string, options?: unknown) {\n    return html`<foxy-i18n infer=\"table\" key=${key} .options=${options}></foxy-i18n>`;\n  }\n}\n"]}

package/dist/elements/public/ItemCategoryForm/ItemCategoryForm.js

@@ -171,33 +171,6 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
         const itemDeliveryType = this.form.item_delivery_type;
         const handlingFeeType = (_a = this.form.handling_fee_type) !== null && _a !== void 0 ? _a : 'none';
         return html `
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.form.customer_email_template_uri || undefined)}
-        id=${this.__customerEmailTemplateLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
-
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.form.gift_recipient_email_template_uri || undefined)}
-        id=${this.__giftRecipientEmailTemplateLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
-
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.form.admin_email_template_uri || undefined)}
-        id=${this.__adminEmailTemplateLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
-
       <div class="grid grid-cols-2 gap-m">
         <foxy-internal-text-control infer="name" class="col-span-2"></foxy-internal-text-control>
         <foxy-internal-text-control infer="code" class="col-span-2"></foxy-internal-text-control>
@@ -282,6 +255,33 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
       </div>
 
       ${super.renderBody()}
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.form.customer_email_template_uri || undefined)}
+        id=${this.__customerEmailTemplateLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.form.gift_recipient_email_template_uri || undefined)}
+        id=${this.__giftRecipientEmailTemplateLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.form.admin_email_template_uri || undefined)}
+        id=${this.__adminEmailTemplateLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
     `;
     }
     get __giftRecipientEmailTemplateLoader() {