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

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

@@ -1 +1 @@
-{"version":3,"file":"InternalDateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDateControl/InternalDateControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { DatePickerElement } from '@vaadin/vaadin-date-picker';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { serializeDate } from '../../../utils/serialize-date';\nimport { parseDate } from '../../../utils/parse-date';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nimport { getWeekdayShortNames } from './getWeekdayShortNames';\nimport { getWeekdayLongNames } from './getWeekdayLongNames';\nimport { getMonthNames } from './getMonthNames';\n\n/**\n * Internal control displaying a basic date picker box.\n *\n * @since 1.17.0\n * @element foxy-internal-date-control\n */\nexport class InternalDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      format: {},\n      layout: {},\n    };\n  }\n\n  /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */\n  format: 'unix' | 'iso-long' | null = null;\n\n  /** Use summary item layout inside `<foxy-internal-summary-control>`. */\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  renderControl(): TemplateResult {\n    let value: string;\n\n    if (this._value === '0000-00-00' || !this._value) {\n      value = '';\n    } else {\n      if (this.format === 'unix') {\n        value = serializeDate(new Date(((this._value as number) ?? 0) * 1000));\n      } else if (this.format === 'iso-long') {\n        value = serializeDate(new Date(this._value as string));\n      } else {\n        value = this._value as string;\n      }\n    }\n\n    return html`\n      <vaadin-date-picker\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${this.layout ?? 'standalone'}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${value}\n        .i18n=${this.__pickerI18n}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as DatePickerElement;\n\n          if (this.format === 'unix') {\n            this._value = Math.floor((parseDate(field.value)?.getTime() ?? 0) / 1000);\n          } else if (this.format === 'iso-long') {\n            this._value = parseDate(field.value)?.toISOString() ?? null;\n          } else {\n            this._value = field.value;\n          }\n        }}\n      >\n      </vaadin-date-picker>\n    `;\n  }\n\n  private get __pickerI18n() {\n    return {\n      monthNames: getMonthNames(this.lang || 'en'),\n      weekdays: getWeekdayLongNames(this.lang || 'en'),\n      weekdaysShort: getWeekdayShortNames(this.lang || 'en'),\n      firstDayOfWeek: 0,\n      week: this.t('week'),\n      calendar: this.t('calendar'),\n      clear: this.t('clear'),\n      today: this.t('today'),\n      cancel: this.t('cancel'),\n      referenceDate: '',\n      parseDate: null,\n      formatTitle: (m: string, y: string) => m + ' ' + y,\n      formatDate: (d: { day: number; month: number; year: number }) => {\n        return this.t('display_value', { value: new Date(d.year, d.month, d.day) });\n      },\n    };\n  }\n}\n"]}
+{"version":3,"file":"InternalDateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDateControl/InternalDateControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { DatePickerElement } from '@vaadin/vaadin-date-picker';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { serializeDate } from '../../../utils/serialize-date';\nimport { parseDate } from '../../../utils/parse-date';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nimport { getWeekdayShortNames } from './getWeekdayShortNames';\nimport { getWeekdayLongNames } from './getWeekdayLongNames';\nimport { getMonthNames } from './getMonthNames';\n\n/**\n * Internal control displaying a basic date picker box.\n *\n * @since 1.17.0\n * @element foxy-internal-date-control\n */\nexport class InternalDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      format: {},\n      layout: {},\n    };\n  }\n\n  /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */\n  format: 'unix' | 'iso-long' | null = null;\n\n  /** Use summary item layout inside `<foxy-internal-summary-control>`. */\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  renderControl(): TemplateResult {\n    let value: string;\n\n    if (this._value === '0000-00-00' || !this._value) {\n      value = '';\n    } else {\n      if (this.format === 'unix') {\n        value = serializeDate(new Date(((this._value as number) ?? 0) * 1000));\n      } else if (this.format === 'iso-long') {\n        value = serializeDate(new Date(this._value as string));\n      } else {\n        value = this._value as string;\n      }\n    }\n\n    return html`\n      <vaadin-date-picker\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${this.layout ?? 'standalone'}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${value}\n        .i18n=${this.__pickerI18n}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as DatePickerElement;\n\n          if (this.format === 'unix') {\n            this._value = Math.floor((parseDate(field.value)?.getTime() ?? 0) / 1000);\n          } else if (this.format === 'iso-long') {\n            const parsedDate = parseDate(field.value);\n            this._value = parsedDate ? this.__toApiDate(parsedDate) : null;\n          } else {\n            this._value = field.value;\n          }\n        }}\n      >\n      </vaadin-date-picker>\n    `;\n  }\n\n  private get __pickerI18n() {\n    return {\n      monthNames: getMonthNames(this.lang || 'en'),\n      weekdays: getWeekdayLongNames(this.lang || 'en'),\n      weekdaysShort: getWeekdayShortNames(this.lang || 'en'),\n      firstDayOfWeek: 0,\n      week: this.t('week'),\n      calendar: this.t('calendar'),\n      clear: this.t('clear'),\n      today: this.t('today'),\n      cancel: this.t('cancel'),\n      referenceDate: '',\n      parseDate: null,\n      formatTitle: (m: string, y: string) => m + ' ' + y,\n      formatDate: (d: { day: number; month: number; year: number }) => {\n        return this.t('display_value', { value: new Date(d.year, d.month, d.day) });\n      },\n    };\n  }\n\n  private __toApiDate(date: Date): string {\n    return date\n      .toLocaleString('en-US', {\n        timeZone: 'America/Los_Angeles',\n        timeZoneName: 'longOffset',\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n        hour12: false,\n      })\n      .replace(\n        /(\\d+)\\/(\\d+)\\/(\\d+),\\s(\\d+):(\\d+):(\\d+) GMT([+-])(\\d+):(\\d+)/,\n        '$3-$1-$2T$4:$5:$6$7$8$9'\n      );\n  }\n}\n"]}

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

@@ -9,7 +9,7 @@ export declare class InternalResourcePickerControl extends InternalEditableContr
     getDisplayValueOptions: DisplayValueOptionsCb;
     showCopyIdButton: boolean;
     virtualHost: string;
-    getItemUrl: ((href: string) => string) | null;
+    getItemUrl: ((href: string, data: unknown | null) => string) | null;
     formProps: Record<string, unknown>;
     filters: Option[];
     layout: 'summary-item' | 'standalone' | null;
@@ -25,5 +25,6 @@ export declare class InternalResourcePickerControl extends InternalEditableContr
     private __handleFetchEvent;
     private __handleSelect;
     private __handleEmpty;
+    private get __valueLoader();
 }
 export {};

package/dist/elements/internal/InternalResourcePickerControl/InternalResourcePickerControl.js

@@ -157,9 +157,11 @@ export class InternalResourcePickerControl extends InternalEditableControl {
     `;
     }
     __renderStandaloneLayout() {
-        var _a, _b, _c;
-        const selectionUrl = typeof this._value === 'string' ? (_a = this.getItemUrl) === null || _a === void 0 ? void 0 : _a.call(this, this._value) : void 0;
+        var _a, _b, _c, _d, _e;
+        const valueLoader = this.__valueLoader;
         const selectionId = typeof this._value === 'string' ? getResourceId(this._value) : void 0;
+        const selectionUrl = typeof this._value === 'string'
+            ? (_a = this.getItemUrl) === null || _a === void 0 ? void 0 : _a.call(this, this._value, (_b = valueLoader === null || valueLoader === void 0 ? void 0 : valueLoader.data) !== null && _b !== void 0 ? _b : null) : void 0;
         return html `
       <div class="block group">
         <div
@@ -223,9 +225,16 @@ export class InternalResourcePickerControl extends InternalEditableControl {
         }}
         >
           <div class=${classMap({ 'transition-opacity': true, 'opacity-50': this.disabled })}>
-            ${this.__getItemRenderer(this.item)({
+            <foxy-nucleon
+              class="block"
+              infer=""
+              href=${ifDefined(this._value || void 0)}
+              id="valueLoader"
+              @update=${() => this.requestUpdate()}
+            >
+              ${this.__getItemRenderer(this.item)({
             html,
-            data: null,
+            data: (_c = valueLoader === null || valueLoader === void 0 ? void 0 : valueLoader.data) !== null && _c !== void 0 ? _c : null,
             href: this._value || '',
             related: [],
             parent: '',
@@ -241,10 +250,11 @@ export class InternalResourcePickerControl extends InternalEditableControl {
             templates: this.templates,
             previous: null,
             next: null,
-            group: (_c = (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.group) !== null && _c !== void 0 ? _c : '',
+            group: (_e = (_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.group) !== null && _e !== void 0 ? _e : '',
             lang: this.lang,
             ns: this.ns,
         })}
+            </foxy-nucleon>
           </div>
         </button>
 
@@ -284,5 +294,8 @@ export class InternalResourcePickerControl extends InternalEditableControl {
             message: 'Resource selected.',
         }));
     }
+    get __valueLoader() {
+        return this.renderRoot.querySelector('#valueLoader');
+    }
 }
 //# sourceMappingURL=InternalResourcePickerControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalResourcePickerControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalResourcePickerControl/InternalResourcePickerControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport type { FormRenderer } from '../../public/FormDialog/types';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../public/FormDialog/FormDialog';\nimport type { Option } from '../../public/QueryBuilder/types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { getResourceId } from '@foxy.io/sdk/core';\nimport { FetchEvent } from '../../public/NucleonElement/FetchEvent';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, svg } from 'lit-html';\nimport { classMap } from '../../../utils/class-map';\nimport { uniqueId } from 'lodash-es';\nimport { spread } from '@open-wc/lit-helpers';\n\nimport memoize from 'lodash-es/memoize';\n\ntype DisplayValueOptionsCb = (resource: HALJSONResource) => Record<string, unknown>;\n\nexport class InternalResourcePickerControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getDisplayValueOptions: { attribute: false },\n      showCopyIdButton: { type: Boolean, attribute: 'show-copy-id-button' },\n      virtualHost: {},\n      getItemUrl: { attribute: false },\n      formProps: { type: Object },\n      filters: { type: Array },\n      layout: {},\n      first: {},\n      item: {},\n      form: {},\n    };\n  }\n\n  getDisplayValueOptions: DisplayValueOptionsCb = resource => ({ resource });\n\n  showCopyIdButton = false;\n\n  virtualHost = uniqueId('internal-resource-picker-control-');\n\n  getItemUrl: ((href: string) => string) | null = null;\n\n  formProps: Record<string, unknown> = {};\n\n  filters: Option[] = [];\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  first: string | null = null;\n\n  item: string | null = null;\n\n  form: string | null | FormRenderer = null;\n\n  private readonly __getItemRenderer = memoize((item: string | null) => {\n    return new Function(\n      'ctx',\n      `return ctx.html\\`\n        <${item ?? 'foxy-null'}\n          related=\\${JSON.stringify(ctx.related)}\n          parent=\\${ctx.parent}\n          infer=\"card\"\n          href=$\\{ctx.href}\n          ...=\\${ctx.spread(ctx.props)}\n        >\n        </${item ?? 'foxy-null'}>\\``\n    ) as ItemRenderer;\n  });\n\n  renderControl(): TemplateResult {\n    const dialogProps = {\n      ...this.formProps,\n      '.selectionProps': { '.filters': this.filters, '.first': this.first, '.item': this.item },\n    };\n\n    return html`\n      <foxy-form-dialog\n        parent=\"foxy://${this.virtualHost}/select\"\n        header=\"header\"\n        infer=\"dialog\"\n        alert\n        .props=${dialogProps}\n        .form=${this.form ?? 'foxy-internal-resource-picker-control-form'}\n        @fetch=${this.__handleFetchEvent}\n      >\n      </foxy-form-dialog>\n\n      ${this.layout === 'summary-item'\n        ? this.__renderSummaryItemLayout()\n        : this.__renderStandaloneLayout()}\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    if (changes.has('item')) this.__getItemRenderer.cache.clear?.();\n  }\n\n  private __clear(): void {\n    this._value = '';\n    this.dispatchEvent(new CustomEvent('clear'));\n  }\n\n  private __renderSummaryItemLayout() {\n    const resource = this.renderRoot.querySelector<NucleonElement<any>>('#value');\n    const onClick = (evt: Event) => {\n      if (this.disabled || this.readonly) return;\n      const button = evt.currentTarget as HTMLButtonElement;\n      const dialog = this.renderRoot.querySelector('foxy-form-dialog') as FormDialog;\n\n      dialog.href = '';\n      dialog.show(button);\n    };\n\n    return html`\n      <div class=\"flex items-start leading-xs gap-m\">\n        <div class=\"flex-1\">\n          <div class=\"text-m text-body whitespace-nowrap\">${this.label}</div>\n          <div class=\"text-s text-secondary\">${this.helperText}</div>\n          <div class=\"text-s text-error\" ?hidden=${this.disabled || this.readonly}>\n            ${this._errorMessage}\n          </div>\n        </div>\n\n        <div class=\"flex items-center gap-xs\">\n          <button\n            aria-label=${this.t('select')}\n            class=${classMap({\n              'text-right min-w-0 transition-colors transition-opacity': true,\n              'rounded-s focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'cursor-pointer text-body hover-opacity-80': !this.disabled && !this.readonly,\n              'font-medium': !this.readonly,\n            })}\n            ?disabled=${this.disabled || this.readonly}\n            @click=${onClick}\n          >\n            <div class=\"truncate min-w-0\">\n              ${this._value\n                ? html`\n                    <foxy-i18n\n                      infer=\"\"\n                      key=\"value\"\n                      .options=${resource?.data\n                        ? this.getDisplayValueOptions(resource.data)\n                        : { context: resource?.in('fail') ? 'fail' : 'busy' }}\n                    >\n                    </foxy-i18n>\n                  `\n                : this.placeholder}\n            </div>\n          </button>\n\n          <button\n            aria-label=${this.t('clear')}\n            class=${classMap({\n              'rounded-full transition-colors': true,\n              'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'cursor-pointer text-tertiary hover-text-body': !this.disabled,\n              'cursor-default text-disabled': this.disabled,\n            })}\n            style=\"width: 1em; height: 1em;\"\n            ?disabled=${this.disabled}\n            ?hidden=${this.readonly || !this._value}\n            @click=${this.__clear}\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em\"><path d=\"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" /></svg>`}\n          </button>\n        </div>\n      </div>\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this._value || void 0)}\n        id=\"value\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private __renderStandaloneLayout() {\n    const selectionUrl = typeof this._value === 'string' ? this.getItemUrl?.(this._value) : void 0;\n    const selectionId = typeof this._value === 'string' ? getResourceId(this._value) : void 0;\n\n    return html`\n      <div class=\"block group\">\n        <div\n          class=${classMap({\n            'flex items-center gap-s transition-colors font-medium': true,\n            'text-disabled': this.disabled,\n          })}\n        >\n          <span class=\"mr-auto text-l\">${this.label}</span>\n          ${selectionUrl\n            ? html`\n                <a\n                  class=\"text-body rounded transition-opacity hover-opacity-90 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                  href=${selectionUrl}\n                >\n                  <foxy-i18n infer=\"\" key=\"view\"></foxy-i18n>\n                </a>\n              `\n            : ''}\n          ${this.showCopyIdButton && selectionId !== null\n            ? html`\n                <foxy-copy-to-clipboard\n                  layout=\"text\"\n                  theme=\"contrast tertiary-inline\"\n                  infer=\"copy-id\"\n                  text=${selectionId}\n                >\n                </foxy-copy-to-clipboard>\n              `\n            : ''}\n          ${this.readonly || !this._value\n            ? ''\n            : html`\n                <vaadin-button\n                  theme=\"error tertiary-inline\"\n                  ?disabled=${this.disabled}\n                  @click=${this.__clear}\n                >\n                  <foxy-i18n infer=\"\" key=\"clear\"></foxy-i18n>\n                </vaadin-button>\n              `}\n        </div>\n\n        <div class=\"text-secondary text-s\" ?hidden=${!this.helperText}>${this.helperText}</div>\n\n        <button\n          class=${classMap({\n            'block w-full bg-contrast-5 rounded text-left transition-colors': true,\n            'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n            'cursor-pointer hover-bg-contrast-10': !this.disabled && !this.readonly,\n            'cursor-default': this.disabled || this.readonly,\n            'mt-s': !!this.label || !!this.helperText,\n          })}\n          style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n          ?disabled=${this.disabled || this.readonly}\n          @click=${(evt: MouseEvent) => {\n            const button = evt.currentTarget as HTMLButtonElement;\n            const dialog = this.renderRoot.querySelector('foxy-form-dialog') as FormDialog;\n\n            dialog.href = '';\n            dialog.show(button);\n          }}\n        >\n          <div class=${classMap({ 'transition-opacity': true, 'opacity-50': this.disabled })}>\n            ${this.__getItemRenderer(this.item)({\n              html,\n              data: null,\n              href: (this._value as string | undefined) || '',\n              related: [],\n              parent: '',\n              props: {},\n              spread: spread,\n              simplifyNsLoading: this.simplifyNsLoading,\n              disabled: this.disabled,\n              disabledControls: this.disabledControls,\n              readonly: this.readonly,\n              readonlyControls: this.readonlyControls,\n              hidden: this.hidden,\n              hiddenControls: this.hiddenControls,\n              templates: this.templates,\n              previous: null,\n              next: null,\n              group: this.nucleon?.group ?? '',\n              lang: this.lang,\n              ns: this.ns,\n            })}\n          </div>\n        </button>\n\n        <div\n          class=\"mt-xs text-xs leading-xs text-error\"\n          ?hidden=${!this._errorMessage || this.disabled || this.readonly}\n        >\n          ${this._errorMessage}\n        </div>\n      </div>\n    `;\n  }\n\n  private __handleFetchEvent(event: Event) {\n    if (!(event instanceof FetchEvent)) return;\n    if (event.defaultPrevented) return;\n\n    const { url, method } = event.request;\n\n    if (url === `foxy://${this.virtualHost}/select` && method === 'POST') {\n      return event.respondWith(this.__handleSelect(event.request));\n    }\n\n    if (url === `foxy://${this.virtualHost}/empty` && method === 'GET') {\n      return event.respondWith(this.__handleEmpty());\n    }\n  }\n\n  private async __handleSelect(request: Request): Promise<Response> {\n    const body = (await request.clone().json()) as { selection: string };\n    this._value = body.selection;\n    return new Response(\n      JSON.stringify({\n        _links: { self: { href: `foxy://${this.virtualHost}/empty` } },\n        message: 'Resource selected.',\n      })\n    );\n  }\n\n  private async __handleEmpty(): Promise<Response> {\n    return new Response(\n      JSON.stringify({\n        _links: { self: { href: `foxy://${this.virtualHost}/empty` } },\n        message: 'Resource selected.',\n      })\n    );\n  }\n}\n"]}
+{"version":3,"file":"InternalResourcePickerControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalResourcePickerControl/InternalResourcePickerControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport type { FormRenderer } from '../../public/FormDialog/types';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../public/FormDialog/FormDialog';\nimport type { Option } from '../../public/QueryBuilder/types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { getResourceId } from '@foxy.io/sdk/core';\nimport { FetchEvent } from '../../public/NucleonElement/FetchEvent';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, svg } from 'lit-html';\nimport { classMap } from '../../../utils/class-map';\nimport { uniqueId } from 'lodash-es';\nimport { spread } from '@open-wc/lit-helpers';\n\nimport memoize from 'lodash-es/memoize';\n\ntype DisplayValueOptionsCb = (resource: HALJSONResource) => Record<string, unknown>;\n\nexport class InternalResourcePickerControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getDisplayValueOptions: { attribute: false },\n      showCopyIdButton: { type: Boolean, attribute: 'show-copy-id-button' },\n      virtualHost: {},\n      getItemUrl: { attribute: false },\n      formProps: { type: Object },\n      filters: { type: Array },\n      layout: {},\n      first: {},\n      item: {},\n      form: {},\n    };\n  }\n\n  getDisplayValueOptions: DisplayValueOptionsCb = resource => ({ resource });\n\n  showCopyIdButton = false;\n\n  virtualHost = uniqueId('internal-resource-picker-control-');\n\n  getItemUrl: ((href: string, data: unknown | null) => string) | null = null;\n\n  formProps: Record<string, unknown> = {};\n\n  filters: Option[] = [];\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  first: string | null = null;\n\n  item: string | null = null;\n\n  form: string | null | FormRenderer = null;\n\n  private readonly __getItemRenderer = memoize((item: string | null) => {\n    return new Function(\n      'ctx',\n      `return ctx.html\\`\n        <${item ?? 'foxy-null'}\n          related=\\${JSON.stringify(ctx.related)}\n          parent=\\${ctx.parent}\n          infer=\"card\"\n          href=$\\{ctx.href}\n          ...=\\${ctx.spread(ctx.props)}\n        >\n        </${item ?? 'foxy-null'}>\\``\n    ) as ItemRenderer;\n  });\n\n  renderControl(): TemplateResult {\n    const dialogProps = {\n      ...this.formProps,\n      '.selectionProps': { '.filters': this.filters, '.first': this.first, '.item': this.item },\n    };\n\n    return html`\n      <foxy-form-dialog\n        parent=\"foxy://${this.virtualHost}/select\"\n        header=\"header\"\n        infer=\"dialog\"\n        alert\n        .props=${dialogProps}\n        .form=${this.form ?? 'foxy-internal-resource-picker-control-form'}\n        @fetch=${this.__handleFetchEvent}\n      >\n      </foxy-form-dialog>\n\n      ${this.layout === 'summary-item'\n        ? this.__renderSummaryItemLayout()\n        : this.__renderStandaloneLayout()}\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    if (changes.has('item')) this.__getItemRenderer.cache.clear?.();\n  }\n\n  private __clear(): void {\n    this._value = '';\n    this.dispatchEvent(new CustomEvent('clear'));\n  }\n\n  private __renderSummaryItemLayout() {\n    const resource = this.renderRoot.querySelector<NucleonElement<any>>('#value');\n    const onClick = (evt: Event) => {\n      if (this.disabled || this.readonly) return;\n      const button = evt.currentTarget as HTMLButtonElement;\n      const dialog = this.renderRoot.querySelector('foxy-form-dialog') as FormDialog;\n\n      dialog.href = '';\n      dialog.show(button);\n    };\n\n    return html`\n      <div class=\"flex items-start leading-xs gap-m\">\n        <div class=\"flex-1\">\n          <div class=\"text-m text-body whitespace-nowrap\">${this.label}</div>\n          <div class=\"text-s text-secondary\">${this.helperText}</div>\n          <div class=\"text-s text-error\" ?hidden=${this.disabled || this.readonly}>\n            ${this._errorMessage}\n          </div>\n        </div>\n\n        <div class=\"flex items-center gap-xs\">\n          <button\n            aria-label=${this.t('select')}\n            class=${classMap({\n              'text-right min-w-0 transition-colors transition-opacity': true,\n              'rounded-s focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'cursor-pointer text-body hover-opacity-80': !this.disabled && !this.readonly,\n              'font-medium': !this.readonly,\n            })}\n            ?disabled=${this.disabled || this.readonly}\n            @click=${onClick}\n          >\n            <div class=\"truncate min-w-0\">\n              ${this._value\n                ? html`\n                    <foxy-i18n\n                      infer=\"\"\n                      key=\"value\"\n                      .options=${resource?.data\n                        ? this.getDisplayValueOptions(resource.data)\n                        : { context: resource?.in('fail') ? 'fail' : 'busy' }}\n                    >\n                    </foxy-i18n>\n                  `\n                : this.placeholder}\n            </div>\n          </button>\n\n          <button\n            aria-label=${this.t('clear')}\n            class=${classMap({\n              'rounded-full transition-colors': true,\n              'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'cursor-pointer text-tertiary hover-text-body': !this.disabled,\n              'cursor-default text-disabled': this.disabled,\n            })}\n            style=\"width: 1em; height: 1em;\"\n            ?disabled=${this.disabled}\n            ?hidden=${this.readonly || !this._value}\n            @click=${this.__clear}\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em\"><path d=\"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" /></svg>`}\n          </button>\n        </div>\n      </div>\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this._value || void 0)}\n        id=\"value\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private __renderStandaloneLayout() {\n    const valueLoader = this.__valueLoader;\n    const selectionId = typeof this._value === 'string' ? getResourceId(this._value) : void 0;\n    const selectionUrl =\n      typeof this._value === 'string'\n        ? this.getItemUrl?.(this._value, valueLoader?.data ?? null)\n        : void 0;\n\n    return html`\n      <div class=\"block group\">\n        <div\n          class=${classMap({\n            'flex items-center gap-s transition-colors font-medium': true,\n            'text-disabled': this.disabled,\n          })}\n        >\n          <span class=\"mr-auto text-l\">${this.label}</span>\n          ${selectionUrl\n            ? html`\n                <a\n                  class=\"text-body rounded transition-opacity hover-opacity-90 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                  href=${selectionUrl}\n                >\n                  <foxy-i18n infer=\"\" key=\"view\"></foxy-i18n>\n                </a>\n              `\n            : ''}\n          ${this.showCopyIdButton && selectionId !== null\n            ? html`\n                <foxy-copy-to-clipboard\n                  layout=\"text\"\n                  theme=\"contrast tertiary-inline\"\n                  infer=\"copy-id\"\n                  text=${selectionId}\n                >\n                </foxy-copy-to-clipboard>\n              `\n            : ''}\n          ${this.readonly || !this._value\n            ? ''\n            : html`\n                <vaadin-button\n                  theme=\"error tertiary-inline\"\n                  ?disabled=${this.disabled}\n                  @click=${this.__clear}\n                >\n                  <foxy-i18n infer=\"\" key=\"clear\"></foxy-i18n>\n                </vaadin-button>\n              `}\n        </div>\n\n        <div class=\"text-secondary text-s\" ?hidden=${!this.helperText}>${this.helperText}</div>\n\n        <button\n          class=${classMap({\n            'block w-full bg-contrast-5 rounded text-left transition-colors': true,\n            'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n            'cursor-pointer hover-bg-contrast-10': !this.disabled && !this.readonly,\n            'cursor-default': this.disabled || this.readonly,\n            'mt-s': !!this.label || !!this.helperText,\n          })}\n          style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n          ?disabled=${this.disabled || this.readonly}\n          @click=${(evt: MouseEvent) => {\n            const button = evt.currentTarget as HTMLButtonElement;\n            const dialog = this.renderRoot.querySelector('foxy-form-dialog') as FormDialog;\n\n            dialog.href = '';\n            dialog.show(button);\n          }}\n        >\n          <div class=${classMap({ 'transition-opacity': true, 'opacity-50': this.disabled })}>\n            <foxy-nucleon\n              class=\"block\"\n              infer=\"\"\n              href=${ifDefined(this._value || void 0)}\n              id=\"valueLoader\"\n              @update=${() => this.requestUpdate()}\n            >\n              ${this.__getItemRenderer(this.item)({\n                html,\n                data: valueLoader?.data ?? null,\n                href: (this._value as string | undefined) || '',\n                related: [],\n                parent: '',\n                props: {},\n                spread: spread,\n                simplifyNsLoading: this.simplifyNsLoading,\n                disabled: this.disabled,\n                disabledControls: this.disabledControls,\n                readonly: this.readonly,\n                readonlyControls: this.readonlyControls,\n                hidden: this.hidden,\n                hiddenControls: this.hiddenControls,\n                templates: this.templates,\n                previous: null,\n                next: null,\n                group: this.nucleon?.group ?? '',\n                lang: this.lang,\n                ns: this.ns,\n              })}\n            </foxy-nucleon>\n          </div>\n        </button>\n\n        <div\n          class=\"mt-xs text-xs leading-xs text-error\"\n          ?hidden=${!this._errorMessage || this.disabled || this.readonly}\n        >\n          ${this._errorMessage}\n        </div>\n      </div>\n    `;\n  }\n\n  private __handleFetchEvent(event: Event) {\n    if (!(event instanceof FetchEvent)) return;\n    if (event.defaultPrevented) return;\n\n    const { url, method } = event.request;\n\n    if (url === `foxy://${this.virtualHost}/select` && method === 'POST') {\n      return event.respondWith(this.__handleSelect(event.request));\n    }\n\n    if (url === `foxy://${this.virtualHost}/empty` && method === 'GET') {\n      return event.respondWith(this.__handleEmpty());\n    }\n  }\n\n  private async __handleSelect(request: Request): Promise<Response> {\n    const body = (await request.clone().json()) as { selection: string };\n    this._value = body.selection;\n    return new Response(\n      JSON.stringify({\n        _links: { self: { href: `foxy://${this.virtualHost}/empty` } },\n        message: 'Resource selected.',\n      })\n    );\n  }\n\n  private async __handleEmpty(): Promise<Response> {\n    return new Response(\n      JSON.stringify({\n        _links: { self: { href: `foxy://${this.virtualHost}/empty` } },\n        message: 'Resource selected.',\n      })\n    );\n  }\n\n  private get __valueLoader() {\n    type Loader = NucleonElement<any>;\n    return this.renderRoot.querySelector<Loader>('#valueLoader');\n  }\n}\n"]}

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

@@ -49,17 +49,24 @@ export class AdminSubscriptionForm extends Base {
       </foxy-internal-admin-subscription-form-error>
 
       <foxy-internal-summary-control infer="general">
-        <foxy-internal-date-control layout="summary-item" infer="start-date">
+        <foxy-internal-date-control format="iso-long" layout="summary-item" infer="start-date">
         </foxy-internal-date-control>
+
         <foxy-internal-frequency-control
           layout="summary-item"
           infer="frequency"
           allow-twice-a-month
         >
         </foxy-internal-frequency-control>
-        <foxy-internal-date-control layout="summary-item" infer="next-transaction-date">
+
+        <foxy-internal-date-control
+          format="iso-long"
+          layout="summary-item"
+          infer="next-transaction-date"
+        >
         </foxy-internal-date-control>
-        <foxy-internal-date-control layout="summary-item" infer="end-date">
+
+        <foxy-internal-date-control format="iso-long" layout="summary-item" infer="end-date">
         </foxy-internal-date-control>
       </foxy-internal-summary-control>
 

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

@@ -1 +1 @@
-{"version":3,"file":"AdminSubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,yBAAyB,CAAC;AACrC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IACnD,IAAI,cAAc;;QAChB,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACpE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAC/E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,qBAAqB;;QACvB,OAAO,EAAE,OAAO,EAAE,OAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC;IAED,6DAA6D;IAC7D,mBAAmB,CAAC,IAAU;QAC5B,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;IAED,UAAU;;QACR,IAAI,gBAAoC,CAAC;QAEzC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,SAAS,CAAC;SAC9B;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;mBAuBR,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,yBAAyB,EAAE,aAAa,CAAC;;;;;;;QAOnF,IAAI,CAAC,oBAAoB,EAAE;;;;;gBAKnB,SAAS,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,0CAAG,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;gBAUpD,SAAS,CAAC,gBAAgB,CAAC;;;;;;;;;;QAUnC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'admin-subscription-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class AdminSubscriptionForm extends Base<Data> {\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete', super.hiddenSelector.toString()];\n    if (!this.data?.error_message) alwaysMatch.unshift('error-message');\n    if (!this.data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { context: this.data?.is_active ? 'active' : 'inactive' };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-admin-subscription-form-load-in-cart-action infer=\"view-action\">\n      </foxy-internal-admin-subscription-form-load-in-cart-action>\n      <foxy-internal-admin-subscription-form-load-in-cart-action\n        action=\"cancel\"\n        infer=\"cancel-action\"\n      >\n      </foxy-internal-admin-subscription-form-load-in-cart-action>\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let transactionsHref: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactionsHref = url.toString();\n    } catch {\n      transactionsHref = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-admin-subscription-form-error infer=\"error-message\">\n      </foxy-internal-admin-subscription-form-error>\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-frequency-control\n          layout=\"summary-item\"\n          infer=\"frequency\"\n          allow-twice-a-month\n        >\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"next-transaction-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"overdue\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${ifDefined(this.data?._embedded['fx:transaction_template'].currency_code)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        class=\"min-w-0\"\n        first=${ifDefined(this.data?._links?.['fx:attributes'].href)}\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"transactions\"\n        class=\"min-w-0\"\n        first=${ifDefined(transactionsHref)}\n        item=\"foxy-transaction-card\"\n        form=\"foxy-transaction\"\n        hide-create-button\n        hide-delete-button\n        alert\n        wide\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AdminSubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,yBAAyB,CAAC;AACrC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IACnD,IAAI,cAAc;;QAChB,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACpE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAC/E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,qBAAqB;;QACvB,OAAO,EAAE,OAAO,EAAE,OAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC;IAED,6DAA6D;IAC7D,mBAAmB,CAAC,IAAU;QAC5B,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;IAED,UAAU;;QACR,IAAI,gBAAoC,CAAC;QAEzC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,SAAS,CAAC;SAC9B;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA8BR,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,yBAAyB,EAAE,aAAa,CAAC;;;;;;;QAOnF,IAAI,CAAC,oBAAoB,EAAE;;;;;gBAKnB,SAAS,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,0CAAG,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;gBAUpD,SAAS,CAAC,gBAAgB,CAAC;;;;;;;;;;QAUnC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'admin-subscription-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class AdminSubscriptionForm extends Base<Data> {\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete', super.hiddenSelector.toString()];\n    if (!this.data?.error_message) alwaysMatch.unshift('error-message');\n    if (!this.data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { context: this.data?.is_active ? 'active' : 'inactive' };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-admin-subscription-form-load-in-cart-action infer=\"view-action\">\n      </foxy-internal-admin-subscription-form-load-in-cart-action>\n      <foxy-internal-admin-subscription-form-load-in-cart-action\n        action=\"cancel\"\n        infer=\"cancel-action\"\n      >\n      </foxy-internal-admin-subscription-form-load-in-cart-action>\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let transactionsHref: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactionsHref = url.toString();\n    } catch {\n      transactionsHref = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-admin-subscription-form-error infer=\"error-message\">\n      </foxy-internal-admin-subscription-form-error>\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-date-control format=\"iso-long\" layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n\n        <foxy-internal-frequency-control\n          layout=\"summary-item\"\n          infer=\"frequency\"\n          allow-twice-a-month\n        >\n        </foxy-internal-frequency-control>\n\n        <foxy-internal-date-control\n          format=\"iso-long\"\n          layout=\"summary-item\"\n          infer=\"next-transaction-date\"\n        >\n        </foxy-internal-date-control>\n\n        <foxy-internal-date-control format=\"iso-long\" layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"overdue\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${ifDefined(this.data?._embedded['fx:transaction_template'].currency_code)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        class=\"min-w-0\"\n        first=${ifDefined(this.data?._links?.['fx:attributes'].href)}\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"transactions\"\n        class=\"min-w-0\"\n        first=${ifDefined(transactionsHref)}\n        item=\"foxy-transaction-card\"\n        form=\"foxy-transaction\"\n        hide-create-button\n        hide-delete-button\n        alert\n        wide\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import type { TemplateResult } from 'lit-element';
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
 import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
@@ -12,6 +12,9 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
  * @since 1.14.0
  */
 export declare class EmailTemplateForm extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    /** Default email subject. Use this instead of i18next key when you need to use handlebars syntax. */
+    defaultSubject: string | null;
     private readonly __templateLanguageOptions;
     private readonly __toggleGetValue;
     private readonly __toggleSetValue;

package/dist/elements/public/EmailTemplateForm/EmailTemplateForm.js

@@ -14,6 +14,8 @@ const Base = TranslatableMixin(InternalForm, NS);
 export class EmailTemplateForm extends Base {
     constructor() {
         super(...arguments);
+        /** Default email subject. Use this instead of i18next key when you need to use handlebars syntax. */
+        this.defaultSubject = null;
         this.__templateLanguageOptions = [
             { rawLabel: 'Nunjucks', value: 'nunjucks' },
             { rawLabel: 'Handlebars', value: 'handlebars' },
@@ -23,7 +25,19 @@ export class EmailTemplateForm extends Base {
         ];
         this.__toggleGetValue = () => !!this.form.subject;
         this.__toggleSetValue = (newValue) => {
-            this.edit({ subject: newValue ? this.t('general.subject.default_value') : '' });
+            var _a;
+            if (newValue) {
+                this.edit({ subject: (_a = this.defaultSubject) !== null && _a !== void 0 ? _a : this.t('general.subject.default_value') });
+            }
+            else {
+                this.edit({ subject: '' });
+            }
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            defaultSubject: { attribute: 'default-subject' },
         };
     }
     get readonlySelector() {

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

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateForm.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/EmailTemplateForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,EAAE,GAAG,qBAAqB,CAAC;AACjC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QACmB,8BAAyB,GAAG;YAC3C,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YAC3C,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;YAC/C,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;YACjC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YACnC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;SAClC,CAAC;QAEe,qBAAgB,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAE7C,qBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE;YACxD,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC;IAuIJ,CAAC;IArIC,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAElC,IAAI,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,OAAO;YAAE,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC/E,IAAI,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,OAAO;YAAE,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAE/E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QAExD,IACE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;YACzC,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAC3B,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAC3B;YACA,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC;SAC/D;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACtB,WAAW,CAAC,OAAO,CACjB,2BAA2B,EAC3B,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,CACf,CAAC;SACH;QAED,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEtD,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,gBAAgB,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC3E,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,gBAAgB,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC3E,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,OAAO,CAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAC7C,WAAW,CAAC,OAAO,CACjB,2BAA2B,EAC3B,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,CACf,CAAC;SACH;QAED,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;;QACR,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;sBAQL,IAAI,CAAC,gBAAgB;sBACrB,IAAI,CAAC,gBAAgB;;;;;;;;;;qBAUtB,IAAI,CAAC,yBAAyB;;;;;QAK3C,IAAI,CAAC,oBAAoB,EAAE;;;;;;;;;;iBAUlB,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;;;;;;;;;;;;;iBAa7C,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;;;;;QAKtD,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,EAAE;YACpD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;YACzC,MAAM,QAAQ,GAAG,MAAM,IAAI,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YACtF,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC;SACnD;QAED,OAAO,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IAES,KAAK,CAAC,UAAU,CAAC,KAAoB;QAC7C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAEpE,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;QACzC,MAAM,QAAQ,GAAG,MAAM,IAAI,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtF,IAAI,CAAC,QAAQ,CAAC,EAAE;YAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC;QAElD,OAAO,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'email-template-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing email templates (`fx:email_template`).\n *\n * @element foxy-email-template-form\n * @since 1.14.0\n */\nexport class EmailTemplateForm extends Base<Data> {\n  private readonly __templateLanguageOptions = [\n    { rawLabel: 'Nunjucks', value: 'nunjucks' },\n    { rawLabel: 'Handlebars', value: 'handlebars' },\n    { rawLabel: 'Pug', value: 'pug' },\n    { rawLabel: 'Twig', value: 'twig' },\n    { rawLabel: 'EJS', value: 'ejs' },\n  ];\n\n  private readonly __toggleGetValue = () => !!this.form.subject;\n\n  private readonly __toggleSetValue = (newValue: boolean) => {\n    this.edit({ subject: newValue ? this.t('general.subject.default_value') : '' });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    const subject = this.form.subject;\n\n    if (this.form.content_html_url && subject) alwaysMatch.unshift('content-html');\n    if (this.form.content_text_url && subject) alwaysMatch.unshift('content-text');\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysMatch = [super.disabledSelector.toString()];\n\n    if (\n      !this.in({ idle: { snapshot: 'clean' } }) ||\n      !this.data.content_html_url ||\n      !this.data.content_text_url\n    ) {\n      alwaysMatch.unshift('html-source:cache', 'text-source:cache');\n    }\n\n    if (!this.form.subject) {\n      alwaysMatch.unshift(\n        'general:template-language',\n        'html-source',\n        'text-source',\n        'content-html',\n        'content-text'\n      );\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.data?.content_html_url) alwaysMatch.unshift('html-source:cache');\n    if (!this.data?.content_text_url) alwaysMatch.unshift('text-source:cache');\n    if (!this.data?.subject && !this.form.subject) {\n      alwaysMatch.unshift(\n        'general:template-language',\n        'general:subject',\n        'html-source',\n        'text-source',\n        'content-html',\n        'content-text'\n      );\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-switch-control\n          infer=\"toggle\"\n          .getValue=${this.__toggleGetValue}\n          .setValue=${this.__toggleSetValue}\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"subject\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"template-language\"\n          .options=${this.__templateLanguageOptions}\n        >\n        </foxy-internal-select-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-source-control infer=\"content-html\"></foxy-internal-source-control>\n\n      <foxy-internal-summary-control infer=\"html-source\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"content-html-url\">\n        </foxy-internal-text-control>\n        <foxy-internal-email-template-form-async-action\n          theme=\"tertiary-inline\"\n          infer=\"cache\"\n          href=${ifDefined(this.data?._links['fx:cache'].href)}\n        >\n        </foxy-internal-email-template-form-async-action>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-source-control infer=\"content-text\"></foxy-internal-source-control>\n\n      <foxy-internal-summary-control infer=\"text-source\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"content-text-url\">\n        </foxy-internal-text-control>\n        <foxy-internal-email-template-form-async-action\n          theme=\"tertiary-inline\"\n          infer=\"cache\"\n          href=${ifDefined(this.data?._links['fx:cache'].href)}\n        >\n        </foxy-internal-email-template-form-async-action>\n      </foxy-internal-summary-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits);\n\n    if (edits.content_html_url && edits.content_text_url) {\n      const url = data._links['fx:cache'].href;\n      const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n      if (!response.ok) throw ['error:failed_to_cache'];\n    }\n\n    return await this._fetch(data._links.self.href);\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPatch(edits);\n    if (!edits.content_html_url && !edits.content_text_url) return data;\n\n    const url = data._links['fx:cache'].href;\n    const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n    if (!response.ok) throw ['error:failed_to_cache'];\n\n    return await this._fetch(data._links.self.href);\n  }\n}\n"]}
+{"version":3,"file":"EmailTemplateForm.js","sourceRoot":"","sources":["../../../../src/elements/public/EmailTemplateForm/EmailTemplateForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'email-template-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing email templates (`fx:email_template`).\n *\n * @element foxy-email-template-form\n * @since 1.14.0\n */\nexport class EmailTemplateForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      defaultSubject: { attribute: 'default-subject' },\n    };\n  }\n\n  /** Default email subject. Use this instead of i18next key when you need to use handlebars syntax. */\n  defaultSubject: string | null = null;\n\n  private readonly __templateLanguageOptions = [\n    { rawLabel: 'Nunjucks', value: 'nunjucks' },\n    { rawLabel: 'Handlebars', value: 'handlebars' },\n    { rawLabel: 'Pug', value: 'pug' },\n    { rawLabel: 'Twig', value: 'twig' },\n    { rawLabel: 'EJS', value: 'ejs' },\n  ];\n\n  private readonly __toggleGetValue = () => !!this.form.subject;\n\n  private readonly __toggleSetValue = (newValue: boolean) => {\n    if (newValue) {\n      this.edit({ subject: this.defaultSubject ?? this.t('general.subject.default_value') });\n    } else {\n      this.edit({ subject: '' });\n    }\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    const subject = this.form.subject;\n\n    if (this.form.content_html_url && subject) alwaysMatch.unshift('content-html');\n    if (this.form.content_text_url && subject) alwaysMatch.unshift('content-text');\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysMatch = [super.disabledSelector.toString()];\n\n    if (\n      !this.in({ idle: { snapshot: 'clean' } }) ||\n      !this.data.content_html_url ||\n      !this.data.content_text_url\n    ) {\n      alwaysMatch.unshift('html-source:cache', 'text-source:cache');\n    }\n\n    if (!this.form.subject) {\n      alwaysMatch.unshift(\n        'general:template-language',\n        'html-source',\n        'text-source',\n        'content-html',\n        'content-text'\n      );\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.data?.content_html_url) alwaysMatch.unshift('html-source:cache');\n    if (!this.data?.content_text_url) alwaysMatch.unshift('text-source:cache');\n    if (!this.data?.subject && !this.form.subject) {\n      alwaysMatch.unshift(\n        'general:template-language',\n        'general:subject',\n        'html-source',\n        'text-source',\n        'content-html',\n        'content-text'\n      );\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-switch-control\n          infer=\"toggle\"\n          .getValue=${this.__toggleGetValue}\n          .setValue=${this.__toggleSetValue}\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"subject\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"template-language\"\n          .options=${this.__templateLanguageOptions}\n        >\n        </foxy-internal-select-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-source-control infer=\"content-html\"></foxy-internal-source-control>\n\n      <foxy-internal-summary-control infer=\"html-source\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"content-html-url\">\n        </foxy-internal-text-control>\n        <foxy-internal-email-template-form-async-action\n          theme=\"tertiary-inline\"\n          infer=\"cache\"\n          href=${ifDefined(this.data?._links['fx:cache'].href)}\n        >\n        </foxy-internal-email-template-form-async-action>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-source-control infer=\"content-text\"></foxy-internal-source-control>\n\n      <foxy-internal-summary-control infer=\"text-source\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"content-text-url\">\n        </foxy-internal-text-control>\n        <foxy-internal-email-template-form-async-action\n          theme=\"tertiary-inline\"\n          infer=\"cache\"\n          href=${ifDefined(this.data?._links['fx:cache'].href)}\n        >\n        </foxy-internal-email-template-form-async-action>\n      </foxy-internal-summary-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits);\n\n    if (edits.content_html_url && edits.content_text_url) {\n      const url = data._links['fx:cache'].href;\n      const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n      if (!response.ok) throw ['error:failed_to_cache'];\n    }\n\n    return await this._fetch(data._links.self.href);\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPatch(edits);\n    if (!edits.content_html_url && !edits.content_text_url) return data;\n\n    const url = data._links['fx:cache'].href;\n    const response = await new EmailTemplateForm.API(this).fetch(url, { method: 'POST' });\n    if (!response.ok) throw ['error:failed_to_cache'];\n\n    return await this._fetch(data._links.self.href);\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { PropertyDeclarations } from 'lit-element';
-import type { Data } from './types';
+import type { Data, TransactionPageHrefGetter } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
@@ -16,8 +16,11 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 export declare class GiftCardCodeForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
+    /** When set, the Cart Item section will display a link to transaction. */
+    getTransactionPageHref: TransactionPageHrefGetter | null;
     /** Returns a `fx:customer` Resource URL for a Customer ID. */
     getCustomerHref: (id: number | string) => string;
+    private readonly __cartItemGetItemUrl;
     private readonly __customerGetValue;
     private readonly __customerSetValue;
     private readonly __customerFilters;

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

@@ -15,10 +15,25 @@ const Base = TranslatableMixin(InternalForm, NS);
 export class GiftCardCodeForm extends Base {
     constructor() {
         super(...arguments);
+        /** When set, the Cart Item section will display a link to transaction. */
+        this.getTransactionPageHref = null;
         /** Returns a `fx:customer` Resource URL for a Customer ID. */
         this.getCustomerHref = id => {
             return `https://api.foxycart.com/customers/${id}`;
         };
+        this.__cartItemGetItemUrl = (_, data) => {
+            var _a;
+            let itemUrl = null;
+            try {
+                const transactionUrl = data === null || data === void 0 ? void 0 : data._links['fx:transaction'].href;
+                if (transactionUrl)
+                    itemUrl = (_a = this.getTransactionPageHref) === null || _a === void 0 ? void 0 : _a.call(this, transactionUrl);
+            }
+            catch (err) {
+                console.log(err);
+            }
+            return itemUrl !== null && itemUrl !== void 0 ? itemUrl : null;
+        };
         this.__customerGetValue = () => {
             var _a, _b, _c;
             const link = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) === null || _b === void 0 ? void 0 : _b['fx:customer']) === null || _c === void 0 ? void 0 : _c.href;
@@ -53,6 +68,7 @@ export class GiftCardCodeForm extends Base {
     static get properties() {
         return {
             ...super.properties,
+            getTransactionPageHref: { attribute: false },
             getCustomerHref: { attribute: false },
         };
     }
@@ -92,7 +108,7 @@ export class GiftCardCodeForm extends Base {
         <foxy-internal-text-control layout="summary-item" infer="code"></foxy-internal-text-control>
         <foxy-internal-number-control layout="summary-item" infer="current-balance">
         </foxy-internal-number-control>
-        <foxy-internal-date-control layout="summary-item" infer="end-date">
+        <foxy-internal-date-control layout="summary-item" format="iso-long" infer="end-date">
         </foxy-internal-date-control>
       </foxy-internal-summary-control>
 
@@ -109,6 +125,7 @@ export class GiftCardCodeForm extends Base {
       <foxy-internal-resource-picker-control
         infer="cart-item"
         item="foxy-item-card"
+        .getItemUrl=${this.__cartItemGetItemUrl}
         .getValue=${() => href}
       >
       </foxy-internal-resource-picker-control>

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 type { PropertyDeclarations } from 'lit-element';\nimport type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing gift card codes (`fx:gift_card_code`).\n *\n * @element foxy-gift-card-code-form\n * @since 1.15.0\n */\nexport class GiftCardCodeForm 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      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n      ({ current_balance: v }) => typeof v === 'number' || 'current-balance:v8n_required',\n    ];\n  }\n\n  /** 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 __customerGetValue = () => {\n    const link = this.data?._links?.['fx:customer']?.href;\n    const id = this.form.customer_id;\n    return id === undefined ? link : this.getCustomerHref(id);\n  };\n\n  private readonly __customerSetValue = (v: string) => {\n    const id = getResourceId(v);\n    this.edit({ customer_id: typeof id === 'number' ? id : '' });\n  };\n\n  private readonly __customerFilters: Option[] = [\n    { type: Type.String, path: 'id', label: 'filters.id' },\n    { type: Type.String, path: 'tax_id', label: 'filters.tax_id' },\n    { type: Type.String, path: 'email', label: 'filters.email' },\n    { type: Type.String, path: 'first_name', label: 'filters.first_name' },\n    { type: Type.String, path: 'last_name', label: 'filters.last_name' },\n    {\n      type: Type.Boolean,\n      path: 'is_anonymous',\n      label: 'filters.is_anonymous',\n      list: [\n        { label: 'filters.is_anonymous_true', value: 'true' },\n        { label: 'filters.is_anonymous_false', value: 'false' },\n      ],\n    },\n    { type: Type.Date, path: 'last_login_date', label: 'filters.last_login_date' },\n    { type: Type.Date, path: 'date_created', label: 'filters.date_created' },\n    { type: Type.Date, path: 'date_modified', label: 'filters.date_modified' },\n  ];\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString(), 'cart-item'];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.push('customer', 'cart-item', 'logs');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    let href: string | undefined;\n\n    try {\n      const url = new URL(\n        this.data?._links?.['fx:provisioned_by_transaction_detail_id'].href ?? ''\n      );\n      url.searchParams.set('zoom', 'item_options');\n      href = url.toString();\n    } catch {\n      href = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"settings\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"code\"></foxy-internal-text-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"current-balance\">\n        </foxy-internal-number-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-resource-picker-control\n        infer=\"customer\"\n        first=${ifDefined(this.__storeLoader?.data?._links['fx:customers'].href)}\n        item=\"foxy-customer-card\"\n        .getValue=${this.__customerGetValue}\n        .setValue=${this.__customerSetValue}\n        .filters=${this.__customerFilters}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-resource-picker-control\n        infer=\"cart-item\"\n        item=\"foxy-item-card\"\n        .getValue=${() => href}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-async-list-control\n        infer=\"logs\"\n        first=${ifDefined(this.data?._links?.['fx:gift_card_code_logs'].href)}\n        limit=\"5\"\n        item=\"foxy-gift-card-code-log-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\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"]}
+{"version":3,"file":"GiftCardCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/GiftCardCodeForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { Data, TransactionPageHrefGetter } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing gift card codes (`fx:gift_card_code`).\n *\n * @element foxy-gift-card-code-form\n * @since 1.15.0\n */\nexport class GiftCardCodeForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n      getCustomerHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n      ({ current_balance: v }) => typeof v === 'number' || 'current-balance:v8n_required',\n    ];\n  }\n\n  /** When set, the Cart Item section will display a link to transaction. */\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\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 __cartItemGetItemUrl = (_: string, data: Resource<Rels.Item> | null) => {\n    let itemUrl: string | undefined | null = null;\n\n    try {\n      const transactionUrl = data?._links['fx:transaction'].href;\n      if (transactionUrl) itemUrl = this.getTransactionPageHref?.(transactionUrl);\n    } catch (err) {\n      console.log(err);\n    }\n\n    return itemUrl ?? null;\n  };\n\n  private readonly __customerGetValue = () => {\n    const link = this.data?._links?.['fx:customer']?.href;\n    const id = this.form.customer_id;\n    return id === undefined ? link : this.getCustomerHref(id);\n  };\n\n  private readonly __customerSetValue = (v: string) => {\n    const id = getResourceId(v);\n    this.edit({ customer_id: typeof id === 'number' ? id : '' });\n  };\n\n  private readonly __customerFilters: Option[] = [\n    { type: Type.String, path: 'id', label: 'filters.id' },\n    { type: Type.String, path: 'tax_id', label: 'filters.tax_id' },\n    { type: Type.String, path: 'email', label: 'filters.email' },\n    { type: Type.String, path: 'first_name', label: 'filters.first_name' },\n    { type: Type.String, path: 'last_name', label: 'filters.last_name' },\n    {\n      type: Type.Boolean,\n      path: 'is_anonymous',\n      label: 'filters.is_anonymous',\n      list: [\n        { label: 'filters.is_anonymous_true', value: 'true' },\n        { label: 'filters.is_anonymous_false', value: 'false' },\n      ],\n    },\n    { type: Type.Date, path: 'last_login_date', label: 'filters.last_login_date' },\n    { type: Type.Date, path: 'date_created', label: 'filters.date_created' },\n    { type: Type.Date, path: 'date_modified', label: 'filters.date_modified' },\n  ];\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString(), 'cart-item'];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.push('customer', 'cart-item', 'logs');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    let href: string | undefined;\n\n    try {\n      const url = new URL(\n        this.data?._links?.['fx:provisioned_by_transaction_detail_id'].href ?? ''\n      );\n      url.searchParams.set('zoom', 'item_options');\n      href = url.toString();\n    } catch {\n      href = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"settings\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"code\"></foxy-internal-text-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"current-balance\">\n        </foxy-internal-number-control>\n        <foxy-internal-date-control layout=\"summary-item\" format=\"iso-long\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-resource-picker-control\n        infer=\"customer\"\n        first=${ifDefined(this.__storeLoader?.data?._links['fx:customers'].href)}\n        item=\"foxy-customer-card\"\n        .getValue=${this.__customerGetValue}\n        .setValue=${this.__customerSetValue}\n        .filters=${this.__customerFilters}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-resource-picker-control\n        infer=\"cart-item\"\n        item=\"foxy-item-card\"\n        .getItemUrl=${this.__cartItemGetItemUrl}\n        .getValue=${() => href}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-async-list-control\n        infer=\"logs\"\n        first=${ifDefined(this.data?._links?.['fx:gift_card_code_logs'].href)}\n        limit=\"5\"\n        item=\"foxy-gift-card-code-log-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\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/GiftCardCodeForm/index.d.ts

@@ -6,6 +6,8 @@ import '../../internal/InternalDateControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
 import '../GiftCardCodeLogCard/index';
+import '../NucleonElement/index';
 import '../CustomerCard/index';
+import '../ItemCard/index';
 import { GiftCardCodeForm } from './GiftCardCodeForm';
 export { GiftCardCodeForm };

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

@@ -6,7 +6,9 @@ import "../../internal/InternalDateControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
 import "../GiftCardCodeLogCard/index.js";
+import "../NucleonElement/index.js";
 import "../CustomerCard/index.js";
+import "../ItemCard/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,+DAA4D;AAC5D,0DAAuD;AACvD,wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,qDAAkD;AAClD,8CAA2C;AAE3C,yCAAsC;AACtC,kCAA+B;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/InternalResourcePickerControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../GiftCardCodeLogCard/index';\nimport '../CustomerCard/index';\n\nimport { GiftCardCodeForm } from './GiftCardCodeForm';\n\ncustomElements.define('foxy-gift-card-code-form', GiftCardCodeForm);\n\nexport { GiftCardCodeForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAC5D,0DAAuD;AACvD,wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,qDAAkD;AAClD,8CAA2C;AAE3C,yCAAsC;AACtC,oCAAiC;AACjC,kCAA+B;AAC/B,8BAA2B;AAE3B,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalResourcePickerControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../GiftCardCodeLogCard/index';\nimport '../NucleonElement/index';\nimport '../CustomerCard/index';\nimport '../ItemCard/index';\n\nimport { GiftCardCodeForm } from './GiftCardCodeForm';\n\ncustomElements.define('foxy-gift-card-code-form', GiftCardCodeForm);\n\nexport { GiftCardCodeForm };\n"]}

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

@@ -1,5 +1,6 @@
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
+export declare type TransactionPageHrefGetter = (href: string) => string | null;
 export declare type Data = Resource<Rels.GiftCardCode> & {
     customer_id?: number | string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.GiftCardCode> & {\n  customer_id?: number | string;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type TransactionPageHrefGetter = (href: string) => string | null;\n\nexport type Data = Resource<Rels.GiftCardCode> & {\n  customer_id?: number | string;\n};\n"]}

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

@@ -1,4 +1,5 @@
 import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { TransactionPageHrefGetter } from '../GiftCardCodeForm/types';
 import type { NucleonV8N } from '../NucleonElement/types';
 import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
@@ -15,8 +16,12 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 export declare class GiftCardForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
+    /** When set, the Cart Item section in Gift Card Code form will display a link to transaction. */
+    getTransactionPageHref: TransactionPageHrefGetter | null;
     /** Returns a `fx:customer` Resource URL for a Customer ID. */
     getCustomerHref: (id: number | string) => string;
+    /** When set, will apply as default filter in Codes section. */
+    codesFilter: string | null;
     private readonly __provisioningMaxBalanceValueGetter;
     private readonly __provisioningMaxBalanceValueSetter;
     private readonly __provisioningMinBalanceValueGetter;