@foxy.io/elements 1.15.0-beta.1 → 1.15.0-beta.10

package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedOutView.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalLoggedOutView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedOutView.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { AccessRecoveryForm } from '..';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { SignInForm } from '../SignInForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(LitElement)));\n\nexport class InternalCustomerPortalLoggedOutView extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      group: { type: String },\n      page: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-20rem {\n          max-width: 20rem;\n        }\n      `,\n    ];\n  }\n\n  group = '';\n\n  page: 'sign-in' | 'access-recovery' = 'sign-in';\n\n  private readonly __renderAccessRecoveryHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"access-recovery:header\">\n        ${this.renderTemplateOrSlot('access-recovery:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"recover_access\"\n          ns=${ns}\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"recover_access_hint\"\n          ns=${ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('access-recovery:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryBack = () => {\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const disabledSelector = this.disabledSelector.zoom('access-recovery');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('access-recovery:back:before')}\n\n        <vaadin-button\n          data-testid=\"access-recovery:back\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('back', true)}\n          @click=${() => (this.page = 'sign-in')}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"back\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('access-recovery:back:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryForm = () => {\n    const scope = 'access-recovery:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-access-recovery-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"access-recovery:form\"\n          parent=\"foxy://customer-api/recover\"\n          group=${this.group}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          id=\"access-recovery-form\"\n          .templates=${this.getNestedTemplates(scope)}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-access-recovery-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecovery = () => {\n    const scope = 'access-recovery';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"access-recovery\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderAccessRecoveryHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderAccessRecoveryForm()}\n              ${hiddenSelector.matches('back', true) ? '' : this.__renderAccessRecoveryBack()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#sign-in-form';\n    const form = this.renderRoot.querySelector(formId) as SignInForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"sign-in:header\">\n        ${this.renderTemplateOrSlot('sign-in:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"sign_in\"\n          ns=${ns}\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"sign_in_hint\"\n          ns=${ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('sign-in:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInRecover = () => {\n    const form = this.renderRoot.querySelector<AccessRecoveryForm>('#sign-in-form');\n    const disabledSelector = this.disabledSelector.zoom('sign-in');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('sign-in:recover:before')}\n\n        <vaadin-button\n          data-testid=\"sign-in:recover\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('recover', true)}\n          @click=${() => (this.page = 'access-recovery')}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"recover_access\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-in:recover:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInForm = () => {\n    const scope = 'sign-in:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-sign-in-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"sign-in:form\"\n          parent=\"foxy://customer-api/session\"\n          group=${this.group}\n          lang=${this.lang}\n          id=\"sign-in-form\"\n          ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          .templates=${this.getNestedTemplates('sign-in:form')}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-sign-in-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignIn = () => {\n    const scope = 'sign-in';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-in\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignInHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderSignInForm()}\n              ${hiddenSelector.matches('recover', true) ? '' : this.__renderSignInRecover()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { page, hiddenSelector } = this;\n\n    if (page === 'access-recovery' && !hiddenSelector.matches('access-recovery', true)) {\n      return this.__renderAccessRecovery();\n    }\n\n    if (page === 'sign-in' && !hiddenSelector.matches('sign-in', true)) {\n      return this.__renderSignIn();\n    }\n\n    return html``;\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalLoggedOutView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedOutView.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { AccessRecoveryForm } from '..';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { SignInForm } from '../SignInForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(LitElement)));\n\nexport class InternalCustomerPortalLoggedOutView extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      group: { type: String },\n      page: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-20rem {\n          max-width: 20rem;\n        }\n      `,\n    ];\n  }\n\n  group = '';\n\n  page: 'sign-in' | 'access-recovery' = 'sign-in';\n\n  private readonly __renderAccessRecoveryHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"access-recovery:header\">\n        ${this.renderTemplateOrSlot('access-recovery:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"recover_access\"\n          ns=\"${ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"recover_access_hint\"\n          ns=\"${ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('access-recovery:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryBack = () => {\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const disabledSelector = this.disabledSelector.zoom('access-recovery');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('access-recovery:back:before')}\n\n        <vaadin-button\n          data-testid=\"access-recovery:back\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('back', true)}\n          @click=${() => (this.page = 'sign-in')}\n        >\n          <foxy-i18n\n            lang=${this.lang}\n            key=\"back\"\n            ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          >\n          </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('access-recovery:back:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryForm = () => {\n    const scope = 'access-recovery:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-access-recovery-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"access-recovery:form\"\n          parent=\"foxy://customer-api/recover\"\n          group=${this.group}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          id=\"access-recovery-form\"\n          .templates=${this.getNestedTemplates(scope)}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-access-recovery-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecovery = () => {\n    const scope = 'access-recovery';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"access-recovery\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderAccessRecoveryHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderAccessRecoveryForm()}\n              ${hiddenSelector.matches('back', true) ? '' : this.__renderAccessRecoveryBack()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#sign-in-form';\n    const form = this.renderRoot.querySelector(formId) as SignInForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"sign-in:header\">\n        ${this.renderTemplateOrSlot('sign-in:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"sign_in\"\n          ns=\"${ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"sign_in_hint\"\n          ns=\"${ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('sign-in:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInRecover = () => {\n    const form = this.renderRoot.querySelector<AccessRecoveryForm>('#sign-in-form');\n    const disabledSelector = this.disabledSelector.zoom('sign-in');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('sign-in:recover:before')}\n\n        <vaadin-button\n          data-testid=\"sign-in:recover\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('recover', true)}\n          @click=${() => (this.page = 'access-recovery')}\n        >\n          <foxy-i18n\n            lang=${this.lang}\n            key=\"recover_access\"\n            ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          >\n          </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-in:recover:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInForm = () => {\n    const scope = 'sign-in:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-sign-in-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"sign-in:form\"\n          parent=\"foxy://customer-api/session\"\n          group=${this.group}\n          lang=${this.lang}\n          id=\"sign-in-form\"\n          ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          .templates=${this.getNestedTemplates('sign-in:form')}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-sign-in-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignIn = () => {\n    const scope = 'sign-in';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-in\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignInHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderSignInForm()}\n              ${hiddenSelector.matches('recover', true) ? '' : this.__renderSignInRecover()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { page, hiddenSelector } = this;\n\n    if (page === 'access-recovery' && !hiddenSelector.matches('access-recovery', true)) {\n      return this.__renderAccessRecovery();\n    }\n\n    if (page === 'sign-in' && !hiddenSelector.matches('sign-in', true)) {\n      return this.__renderSignIn();\n    }\n\n    return html``;\n  }\n}\n"]}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.js

@@ -107,6 +107,7 @@ export class InternalCustomerPortalSubscriptions extends Base {
     `;
         };
         this.__renderForm = (ctx) => {
+            var _a, _b;
             const templates = { ...ctx.dialog.templates };
             const originalHeaderAfterRenderer = templates['header:after'];
             const originalItemsActionsAfterRenderer = templates['items:actions:after'];
@@ -137,7 +138,7 @@ export class InternalCustomerPortalSubscriptions extends Base {
         group=${ctx.dialog.group}
         lang=${ctx.dialog.lang}
         href=${ctx.dialog.href}
-        ns=${ctx.dialog.ns}
+        ns="${ctx.dialog.ns} ${(_b = (_a = customElements.get('foxy-subscription-form')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
         id="form"
         .templates=${templates}
         @update=${ctx.handleUpdate}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalSubscriptions.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { Graph, Rels } from '@foxy.io/sdk/customer';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { FormRendererContext } from '../FormDialog/types';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { SubscriptionForm } from '../SubscriptionForm/SubscriptionForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(LitElement)));\n\nexport class InternalCustomerPortalSubscriptions extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { attribute: false },\n      customer: { attribute: false },\n      group: { type: String },\n    };\n  }\n\n  settings: Resource<Rels.CustomerPortalSettings> | null = null;\n\n  customer: Resource<Graph> | null = null;\n\n  group = '';\n\n  private readonly __renderFormHeaderActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n    let billingLink = '';\n\n    if (!hasEnded && host.in({ idle: 'snapshot' })) {\n      const link = host.data._links['fx:sub_token_url'].href;\n      const updateBillingURL = new URL(link);\n\n      updateBillingURL.searchParams.set('cart', 'checkout');\n      updateBillingURL.searchParams.set('sub_restart', 'auto');\n      billingLink = updateBillingURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:update\"\n        href=${billingLink}\n        icon=\"icons:credit-card\"\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_billing\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActionsEnd: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEndDate = !!host.data?.end_date;\n    let cancelLink = '';\n\n    if (!hasEndDate && host.in({ idle: 'snapshot' })) {\n      const cancelURL = new URL(host.data._links['fx:sub_token_url'].href);\n\n      cancelURL.searchParams.set('sub_cancel', 'true');\n      cancelLink = cancelURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:end:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:end\"\n        href=${cancelLink}\n        icon=\"icons:block\"\n        ?disabled=${hasEndDate || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"end_subscription\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:end:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActions: Renderer<SubscriptionForm> = (html, host) => {\n    const isUpdateActionHidden = host.hiddenSelector.matches('header:actions:update');\n    const isEndActionHidden = host.hiddenSelector.matches('header:actions:end');\n\n    return html`\n      <style>\n        main {\n          display: flex;\n          justify-content: space-between;\n          padding-top: var(--lumo-space-xs);\n          margin-top: var(--lumo-space-s);\n          border-top: 1px solid var(--lumo-contrast-10pct);\n          color: var(--lumo-secondary-color);\n        }\n      </style>\n\n      ${host.renderTemplateOrSlot('header:actions:before')}\n\n      <main data-testid=\"header:actions\">\n        ${isUpdateActionHidden ? '' : this.__renderFormHeaderActionsUpdate(html, host)}\n        ${isEndActionHidden ? '' : this.__renderFormHeaderActionsEnd(html, host)}\n      </main>\n\n      ${host.renderTemplateOrSlot('header:actions:after')}\n    `;\n  };\n\n  private readonly __renderFormItemsActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    // @ts-expect-error missing typedef in SDK\n    const itemsLink = host.data?._links['fx:sub_modification_url']?.href ?? '';\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n\n    return html`\n      ${host.renderTemplateOrSlot('items:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"items:actions:update\"\n        class=\"text-primary\"\n        href=${itemsLink}\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_items\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('items:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderForm = (ctx: FormRendererContext) => {\n    const templates = { ...ctx.dialog.templates };\n    const originalHeaderAfterRenderer = templates['header:after'];\n    const originalItemsActionsAfterRenderer = templates['items:actions:after'];\n\n    templates['header:after'] = (html, host) => {\n      const actionsHidden = host.hiddenSelector.matches('header:actions', true);\n      return html`\n        ${actionsHidden ? '' : this.__renderFormHeaderActions(html, host)}\n        ${originalHeaderAfterRenderer?.(html, host)}\n      `;\n    };\n\n    templates['items:actions:after'] = (html, host) => {\n      const hasUpdateLink = !!host.data?._links['fx:sub_modification_url'];\n      const isUpdateHidden = host.hiddenSelector.matches('items:actions:update', true);\n      const isUpdateRendered = hasUpdateLink && !isUpdateHidden;\n\n      return html`\n        ${isUpdateRendered ? this.__renderFormItemsActionsUpdate(html, host) : ''}\n        ${originalItemsActionsAfterRenderer?.(html, host)}\n      `;\n    };\n\n    return html`\n      <foxy-subscription-form\n        disabledcontrols=${ctx.dialog.disabledControls.toString()}\n        readonlycontrols=${ctx.dialog.readonlyControls.toString()}\n        hiddencontrols=${ctx.dialog.hiddenControls.toString()}\n        settings=${JSON.stringify(this.settings)}\n        parent=${ctx.dialog.parent}\n        group=${ctx.dialog.group}\n        lang=${ctx.dialog.lang}\n        href=${ctx.dialog.href}\n        ns=${ctx.dialog.ns}\n        id=\"form\"\n        .templates=${templates}\n        @update=${ctx.handleUpdate}\n        @fetch=${ctx.handleFetch}\n      >\n      </foxy-subscription-form>\n    `;\n  };\n\n  private readonly __renderPageItem: ItemRenderer = ({ html, ...ctx }) => {\n    return html`\n      <button\n        class=${classMap({\n          'block w-full border border-contrast-10 p-m rounded-t-l rounded-b-l': true,\n          'focus-outline-none focus-border-primary': true,\n          'hover-border-contrast-30': ctx.data !== null,\n        })}\n        ?disabled=${ctx.data === null}\n        @click=${(evt: Event) => {\n          const url = new URL(ctx.href);\n          url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n          this.__subscriptionDialog.href = url.toString();\n          this.__subscriptionDialog.show(evt.currentTarget as HTMLButtonElement);\n        }}\n      >\n        <foxy-subscription-card\n          parent=${ctx.parent}\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-subscription-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-subscription-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderPage: PageRenderer<any> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-collection-page\n        ns=${ctx.ns}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        group=${ctx.group}\n        class=\"space-y-m\"\n        .item=${this.__renderPageItem}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <foxy-i18n\n        class=\"block text-l font-semibold\"\n        lang=${this.lang}\n        key=\"subscription_plural\"\n        ns=${this.ns}\n      >\n      </foxy-i18n>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  private readonly __renderList = () => {\n    const disabledSelector = this.disabledSelector.zoom('list');\n    const readonlySelector = this.readonlySelector.zoom('list');\n    const hiddenSelector = this.hiddenSelector.zoom('list');\n    const extendedHiddenControlsArray = [hiddenSelector.zoom('form').toString(), 'end-date'];\n\n    return html`\n      ${this.renderTemplateOrSlot('list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${readonlySelector.zoom('form').toString()}\n        disabledcontrols=${disabledSelector.zoom('form').toString()}\n        hiddencontrols=${extendedHiddenControlsArray.join(' ').trim()}\n        header=\"update\"\n        parent=${ifDefined(this.customer?._links['fx:subscriptions'].href)}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"subscription-dialog\"\n        .form=${this.__renderForm}\n        .templates=${this.getNestedTemplates('list:form')}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        class=\"block space-y-m\"\n        first=${this.__activeSubscriptionsLink}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        manual\n        .page=${this.__renderPage}\n        .templates=${this.getNestedTemplates('list:card')}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('list:after')}\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-s\" data-testid=\"subscriptions\">\n        ${this.hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('list', true) ? '' : this.__renderList()}\n      </div>\n    `;\n  }\n\n  private get __subscriptionDialog() {\n    return this.renderRoot.querySelector('#subscription-dialog') as FormDialog;\n  }\n\n  private get __activeSubscriptionsLink() {\n    try {\n      const url = new URL(this.customer!._links['fx:subscriptions'].href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      return url.toString();\n    } catch {\n      return '';\n    }\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalSubscriptions.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,wCAAqC;AAE3E,OAAO,EAAE,UAAU,EAAwC,IAAI,EAAE,MAAM,aAAa,CAAC;AAQrF,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,OAAO,mCAAoC,SAAQ,IAAI;IAA7D;;QAUE,aAAQ,GAAiD,IAAI,CAAC;QAE9D,aAAQ,GAA2B,IAAI,CAAC;QAExC,UAAK,GAAG,EAAE,CAAC;QAEM,oCAA+B,GAA+B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;;YAC5F,MAAM,QAAQ,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YAC/F,IAAI,WAAW,GAAG,EAAE,CAAC;YAErB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE;gBAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC;gBACvD,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;gBAEvC,gBAAgB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;gBACtD,gBAAgB,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;gBACzD,WAAW,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;aAC3C;YAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,8BAA8B,CAAC;;;;eAIlD,WAAW;;oBAEN,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;0BAEtB,IAAI,CAAC,IAAI,4BAA4B,IAAI,CAAC,EAAE;;;QAG9D,IAAI,CAAC,oBAAoB,CAAC,6BAA6B,CAAC;KAC3D,CAAC;QACJ,CAAC,CAAC;QAEe,iCAA4B,GAA+B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;;YACzF,MAAM,UAAU,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAA,CAAC;YACzC,IAAI,UAAU,GAAG,EAAE,CAAC;YAEpB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE;gBAChD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC;gBAErE,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;gBACjD,UAAU,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;aACnC;YAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,CAAC;;;;eAI/C,UAAU;;oBAEL,UAAU,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;0BAExB,IAAI,CAAC,IAAI,8BAA8B,IAAI,CAAC,EAAE;;;QAGhE,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC;KACxD,CAAC;QACJ,CAAC,CAAC;QAEe,8BAAyB,GAA+B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YACtF,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;YAClF,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;YAE5E,OAAO,IAAI,CAAA;;;;;;;;;;;;QAYP,IAAI,CAAC,oBAAoB,CAAC,uBAAuB,CAAC;;;UAGhD,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,+BAA+B,CAAC,IAAI,EAAE,IAAI,CAAC;UAC5E,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,IAAI,EAAE,IAAI,CAAC;;;QAGxE,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC;KACpD,CAAC;QACJ,CAAC,CAAC;QAEe,mCAA8B,GAA+B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;;YAC3F,0CAA0C;YAC1C,MAAM,SAAS,qBAAG,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,yBAAyB,2CAAG,IAAI,mCAAI,EAAE,CAAC;YAC3E,MAAM,QAAQ,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YAE/F,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,6BAA6B,CAAC;;;;;eAKjD,SAAS;oBACJ,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;0BAEtB,IAAI,CAAC,IAAI,0BAA0B,IAAI,CAAC,EAAE;;;QAG5D,IAAI,CAAC,oBAAoB,CAAC,4BAA4B,CAAC;KAC1D,CAAC;QACJ,CAAC,CAAC;QAEe,iBAAY,GAAG,CAAC,GAAwB,EAAE,EAAE;;YAC3D,MAAM,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YAC9C,MAAM,2BAA2B,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;YAC9D,MAAM,iCAAiC,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC;YAE3E,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;gBACzC,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAC1E,OAAO,IAAI,CAAA;UACP,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,IAAI,CAAC;UAC/D,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAG,IAAI,EAAE,IAAI,CAAC;OAC5C,CAAC;YACJ,CAAC,CAAC;YAEF,SAAS,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;;gBAChD,MAAM,aAAa,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,yBAAyB,EAAC,CAAC;gBACrE,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;gBACjF,MAAM,gBAAgB,GAAG,aAAa,IAAI,CAAC,cAAc,CAAC;gBAE1D,OAAO,IAAI,CAAA;UACP,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,8BAA8B,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;UACvE,iCAAiC,aAAjC,iCAAiC,uBAAjC,iCAAiC,CAAG,IAAI,EAAE,IAAI,CAAC;OAClD,CAAC;YACJ,CAAC,CAAC;YAEF,OAAO,IAAI,CAAA;;2BAEY,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE;2BACtC,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE;yBACxC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE;mBAC1C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;iBAC/B,GAAG,CAAC,MAAM,CAAC,MAAM;gBAClB,GAAG,CAAC,MAAM,CAAC,KAAK;eACjB,GAAG,CAAC,MAAM,CAAC,IAAI;eACf,GAAG,CAAC,MAAM,CAAC,IAAI;cAChB,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,wBAAwB,CAAC,0CAAE,SAAS,mCAAI,EAAE;;qBAEvE,SAAS;kBACZ,GAAG,CAAC,YAAY;iBACjB,GAAG,CAAC,WAAW;;;KAG3B,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAiB,CAAC,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE;;YACrE,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;gBACf,oEAAoE,EAAE,IAAI;gBAC1E,yCAAyC,EAAE,IAAI;gBAC/C,0BAA0B,EAAE,GAAG,CAAC,IAAI,KAAK,IAAI;aAC9C,CAAC;oBACU,GAAG,CAAC,IAAI,KAAK,IAAI;iBACpB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC9B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;gBAC5E,IAAI,CAAC,oBAAoB,CAAC,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;gBAChD,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;YACzE,CAAC;;;mBAGU,GAAG,CAAC,MAAM;kBACX,GAAG,CAAC,KAAK;iBACV,GAAG,CAAC,IAAI;iBACR,GAAG,CAAC,IAAI;gBACT,GAAG,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,wBAAwB,CAAC,0CAAE,SAAS,mCAAI,EAAE;uBAChE,GAAG,CAAC,SAAS;;;;KAI/B,CAAC;QACJ,CAAC,CAAC;QAEe,iBAAY,GAAsB,CAAC,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE;YACtE,OAAO,IAAI,CAAA;;aAEF,GAAG,CAAC,EAAE;eACJ,GAAG,CAAC,IAAI;eACR,GAAG,CAAC,IAAI;gBACP,GAAG,CAAC,KAAK;;gBAET,IAAI,CAAC,gBAAgB;qBAChB,GAAG,CAAC,SAAS;;;KAG7B,CAAC;QACJ,CAAC,CAAC;QAEe,mBAAc,GAAG,GAAG,EAAE;YACrC,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;eAInC,IAAI,CAAC,IAAI;;aAEX,IAAI,CAAC,EAAE;;;;QAIZ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;KAC5C,CAAC;QACJ,CAAC,CAAC;QAEe,iBAAY,GAAG,GAAG,EAAE;;YACnC,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5D,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,2BAA2B,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;2BAGrB,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;2BACxC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;yBAC1C,2BAA2B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;iBAEpD,SAAS,OAAC,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;gBAC1D,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;;gBAEJ,IAAI,CAAC,YAAY;qBACZ,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC;;;;;;gBAMzC,IAAI,CAAC,yBAAyB;gBAC9B,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;;gBAEJ,IAAI,CAAC,YAAY;qBACZ,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC;;;;QAIjD,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;KAC1C,CAAC;QACJ,CAAC,CAAC;IAwBJ,CAAC;IA7RC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAgQD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;UACxE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;;KAEzE,CAAC;IACJ,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAe,CAAC;IAC7E,CAAC;IAED,IAAY,yBAAyB;QACnC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC;YACpE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;SACvB;QAAC,WAAM;YACN,OAAO,EAAE,CAAC;SACX;IACH,CAAC;CACF","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { Graph, Rels } from '@foxy.io/sdk/customer';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { FormRendererContext } from '../FormDialog/types';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { SubscriptionForm } from '../SubscriptionForm/SubscriptionForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(LitElement)));\n\nexport class InternalCustomerPortalSubscriptions extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { attribute: false },\n      customer: { attribute: false },\n      group: { type: String },\n    };\n  }\n\n  settings: Resource<Rels.CustomerPortalSettings> | null = null;\n\n  customer: Resource<Graph> | null = null;\n\n  group = '';\n\n  private readonly __renderFormHeaderActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n    let billingLink = '';\n\n    if (!hasEnded && host.in({ idle: 'snapshot' })) {\n      const link = host.data._links['fx:sub_token_url'].href;\n      const updateBillingURL = new URL(link);\n\n      updateBillingURL.searchParams.set('cart', 'checkout');\n      updateBillingURL.searchParams.set('sub_restart', 'auto');\n      billingLink = updateBillingURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:update\"\n        href=${billingLink}\n        icon=\"icons:credit-card\"\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_billing\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActionsEnd: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEndDate = !!host.data?.end_date;\n    let cancelLink = '';\n\n    if (!hasEndDate && host.in({ idle: 'snapshot' })) {\n      const cancelURL = new URL(host.data._links['fx:sub_token_url'].href);\n\n      cancelURL.searchParams.set('sub_cancel', 'true');\n      cancelLink = cancelURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:end:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:end\"\n        href=${cancelLink}\n        icon=\"icons:block\"\n        ?disabled=${hasEndDate || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"end_subscription\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:end:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActions: Renderer<SubscriptionForm> = (html, host) => {\n    const isUpdateActionHidden = host.hiddenSelector.matches('header:actions:update');\n    const isEndActionHidden = host.hiddenSelector.matches('header:actions:end');\n\n    return html`\n      <style>\n        main {\n          display: flex;\n          justify-content: space-between;\n          padding-top: var(--lumo-space-xs);\n          margin-top: var(--lumo-space-s);\n          border-top: 1px solid var(--lumo-contrast-10pct);\n          color: var(--lumo-secondary-color);\n        }\n      </style>\n\n      ${host.renderTemplateOrSlot('header:actions:before')}\n\n      <main data-testid=\"header:actions\">\n        ${isUpdateActionHidden ? '' : this.__renderFormHeaderActionsUpdate(html, host)}\n        ${isEndActionHidden ? '' : this.__renderFormHeaderActionsEnd(html, host)}\n      </main>\n\n      ${host.renderTemplateOrSlot('header:actions:after')}\n    `;\n  };\n\n  private readonly __renderFormItemsActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    // @ts-expect-error missing typedef in SDK\n    const itemsLink = host.data?._links['fx:sub_modification_url']?.href ?? '';\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n\n    return html`\n      ${host.renderTemplateOrSlot('items:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"items:actions:update\"\n        class=\"text-primary\"\n        href=${itemsLink}\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_items\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('items:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderForm = (ctx: FormRendererContext) => {\n    const templates = { ...ctx.dialog.templates };\n    const originalHeaderAfterRenderer = templates['header:after'];\n    const originalItemsActionsAfterRenderer = templates['items:actions:after'];\n\n    templates['header:after'] = (html, host) => {\n      const actionsHidden = host.hiddenSelector.matches('header:actions', true);\n      return html`\n        ${actionsHidden ? '' : this.__renderFormHeaderActions(html, host)}\n        ${originalHeaderAfterRenderer?.(html, host)}\n      `;\n    };\n\n    templates['items:actions:after'] = (html, host) => {\n      const hasUpdateLink = !!host.data?._links['fx:sub_modification_url'];\n      const isUpdateHidden = host.hiddenSelector.matches('items:actions:update', true);\n      const isUpdateRendered = hasUpdateLink && !isUpdateHidden;\n\n      return html`\n        ${isUpdateRendered ? this.__renderFormItemsActionsUpdate(html, host) : ''}\n        ${originalItemsActionsAfterRenderer?.(html, host)}\n      `;\n    };\n\n    return html`\n      <foxy-subscription-form\n        disabledcontrols=${ctx.dialog.disabledControls.toString()}\n        readonlycontrols=${ctx.dialog.readonlyControls.toString()}\n        hiddencontrols=${ctx.dialog.hiddenControls.toString()}\n        settings=${JSON.stringify(this.settings)}\n        parent=${ctx.dialog.parent}\n        group=${ctx.dialog.group}\n        lang=${ctx.dialog.lang}\n        href=${ctx.dialog.href}\n        ns=\"${ctx.dialog.ns} ${customElements.get('foxy-subscription-form')?.defaultNS ?? ''}\"\n        id=\"form\"\n        .templates=${templates}\n        @update=${ctx.handleUpdate}\n        @fetch=${ctx.handleFetch}\n      >\n      </foxy-subscription-form>\n    `;\n  };\n\n  private readonly __renderPageItem: ItemRenderer = ({ html, ...ctx }) => {\n    return html`\n      <button\n        class=${classMap({\n          'block w-full border border-contrast-10 p-m rounded-t-l rounded-b-l': true,\n          'focus-outline-none focus-border-primary': true,\n          'hover-border-contrast-30': ctx.data !== null,\n        })}\n        ?disabled=${ctx.data === null}\n        @click=${(evt: Event) => {\n          const url = new URL(ctx.href);\n          url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n          this.__subscriptionDialog.href = url.toString();\n          this.__subscriptionDialog.show(evt.currentTarget as HTMLButtonElement);\n        }}\n      >\n        <foxy-subscription-card\n          parent=${ctx.parent}\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-subscription-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-subscription-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderPage: PageRenderer<any> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-collection-page\n        ns=${ctx.ns}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        group=${ctx.group}\n        class=\"space-y-m\"\n        .item=${this.__renderPageItem}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <foxy-i18n\n        class=\"block text-l font-semibold\"\n        lang=${this.lang}\n        key=\"subscription_plural\"\n        ns=${this.ns}\n      >\n      </foxy-i18n>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  private readonly __renderList = () => {\n    const disabledSelector = this.disabledSelector.zoom('list');\n    const readonlySelector = this.readonlySelector.zoom('list');\n    const hiddenSelector = this.hiddenSelector.zoom('list');\n    const extendedHiddenControlsArray = [hiddenSelector.zoom('form').toString(), 'end-date'];\n\n    return html`\n      ${this.renderTemplateOrSlot('list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${readonlySelector.zoom('form').toString()}\n        disabledcontrols=${disabledSelector.zoom('form').toString()}\n        hiddencontrols=${extendedHiddenControlsArray.join(' ').trim()}\n        header=\"update\"\n        parent=${ifDefined(this.customer?._links['fx:subscriptions'].href)}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"subscription-dialog\"\n        .form=${this.__renderForm}\n        .templates=${this.getNestedTemplates('list:form')}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        class=\"block space-y-m\"\n        first=${this.__activeSubscriptionsLink}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        manual\n        .page=${this.__renderPage}\n        .templates=${this.getNestedTemplates('list:card')}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('list:after')}\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-s\" data-testid=\"subscriptions\">\n        ${this.hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('list', true) ? '' : this.__renderList()}\n      </div>\n    `;\n  }\n\n  private get __subscriptionDialog() {\n    return this.renderRoot.querySelector('#subscription-dialog') as FormDialog;\n  }\n\n  private get __activeSubscriptionsLink() {\n    try {\n      const url = new URL(this.customer!._links['fx:subscriptions'].href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      return url.toString();\n    } catch {\n      return '';\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,43 @@
+import { Data, Templates } from './types';
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../NucleonElement/NucleonElement';
+import { NucleonV8N } from '../NucleonElement/types';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).
+ *
+ * @slot length:before
+ * @slot length:after
+ *
+ * @slot number-of-codes:before
+ * @slot number-of-codes:after
+ *
+ * @slot prefix:before
+ * @slot prefix:after
+ *
+ * @slot current-balance:before
+ * @slot current-balance:after
+ *
+ * @slot generate:before
+ * @slot generate:after
+ *
+ * @element foxy-generate-codes-form
+ * @since 1.15.0
+ */
+export declare class GenerateCodesForm extends Base<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    templates: Templates;
+    render(): TemplateResult;
+    private __getErrorMessage;
+    private __getValidator;
+    private __renderLength;
+    private __renderNumberOfCodes;
+    private __renderCurrentBalance;
+    private __renderPrefix;
+    private __renderGenerate;
+}
+export {};

package/dist/elements/public/GenerateCodesForm/GenerateCodesForm.js

@@ -0,0 +1,249 @@
+import { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+const NS = 'generate-codes-form';
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));
+/**
+ * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).
+ *
+ * @slot length:before
+ * @slot length:after
+ *
+ * @slot number-of-codes:before
+ * @slot number-of-codes:after
+ *
+ * @slot prefix:before
+ * @slot prefix:after
+ *
+ * @slot current-balance:before
+ * @slot current-balance:after
+ *
+ * @slot generate:before
+ * @slot generate:after
+ *
+ * @element foxy-generate-codes-form
+ * @since 1.15.0
+ */
+export class GenerateCodesForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    static get v8n() {
+        return [
+            ({ number_of_codes: v }) => (v && v > 0) || 'number_of_codes_required',
+            ({ current_balance: v }) => !v || v >= 0 || 'current_balance_negative',
+            ({ length: v }) => (v && v > 0) || 'length_required',
+        ];
+    }
+    render() {
+        var _a, _b;
+        const { hiddenSelector, lang, ns } = this;
+        const isBusy = this.in('busy');
+        const isFail = this.in('fail');
+        const isSnapshot = this.in({ idle: 'snapshot' });
+        const isTemplate = this.in({ idle: 'template' });
+        const transition = 'transition-opacity duration-500';
+        const hidden = 'opacity-0 pointer-events-none';
+        return html `
+      <div aria-busy=${isBusy} aria-live="polite" class="relative">
+        <div
+          class=${classMap({
+            'grid grid-cols-2 gap-m': true,
+            [transition]: true,
+            [hidden]: isSnapshot,
+        })}
+        >
+          ${hiddenSelector.matches('length', true) ? '' : this.__renderLength()}
+          ${hiddenSelector.matches('number-of-codes', true) ? '' : this.__renderNumberOfCodes()}
+          ${hiddenSelector.matches('current-balance', true) ? '' : this.__renderCurrentBalance()}
+          ${hiddenSelector.matches('prefix', true) ? '' : this.__renderPrefix()}
+          ${hiddenSelector.matches('generate', true) ? '' : this.__renderGenerate()}
+        </div>
+
+        <div
+          class=${classMap({
+            'absolute inset-0 flex flex-col items-center justify-center': true,
+            'text-center text-m text-secondary leading-m': true,
+            [transition]: true,
+            [hidden]: !isSnapshot,
+        })}
+        >
+          <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success">
+            <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon>
+          </div>
+
+          <foxy-i18n class="block" lang=${lang} key="generate_codes_done" ns=${ns}></foxy-i18n>
+        </div>
+
+        <div
+          data-testid="spinner"
+          class=${classMap({
+            'absolute inset-0 flex': true,
+            [transition]: true,
+            [hidden]: !isBusy && !isFail,
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
+            state=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}
+            lang=${lang}
+            ns="${ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    __getErrorMessage(prefix) {
+        const error = this.errors.find(err => err.startsWith(prefix));
+        return error ? this.t(error.replace(prefix, 'v8n')) : '';
+    }
+    __getValidator(prefix) {
+        return () => !this.errors.some(err => err.startsWith(prefix));
+    }
+    __renderLength() {
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('length:before')}
+
+        <vaadin-integer-field
+          error-message=${this.__getErrorMessage('length')}
+          data-testid="length"
+          label=${this.t('length')}
+          class="w-full"
+          min="1"
+          ?disabled=${!isTemplate || this.disabledSelector.matches('length', true)}
+          ?readonly=${this.readonlySelector.matches('length', true)}
+          prevent-invalid-input
+          has-controls
+          .checkValidity=${this.__getValidator('length')}
+          .value=${isTemplate ? this.form.length : ''}
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ length: parseInt(field.value) });
+        }}
+        >
+        </vaadin-integer-field>
+
+        ${this.renderTemplateOrSlot('length:after')}
+      </div>
+    `;
+    }
+    __renderNumberOfCodes() {
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('number-of-codes:before')}
+
+        <vaadin-integer-field
+          error-message=${this.__getErrorMessage('number_of_codes')}
+          data-testid="number-of-codes"
+          label=${this.t('number_of_codes')}
+          class="w-full"
+          min="1"
+          ?disabled=${!isTemplate || this.disabledSelector.matches('number-of-codes', true)}
+          ?readonly=${this.readonlySelector.matches('number-of-codes', true)}
+          prevent-invalid-input
+          has-controls
+          .checkValidity=${this.__getValidator('number_of_codes')}
+          .value=${isTemplate ? this.form.number_of_codes : ''}
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ number_of_codes: parseInt(field.value) });
+        }}
+        >
+        </vaadin-integer-field>
+
+        ${this.renderTemplateOrSlot('number-of-codes:after')}
+      </div>
+    `;
+    }
+    __renderCurrentBalance() {
+        var _a;
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      <div class="col-span-2">
+        ${this.renderTemplateOrSlot('current-balance:before')}
+
+        <vaadin-integer-field
+          error-message=${this.__getErrorMessage('current_balance')}
+          data-testid="current-balance"
+          label=${this.t('balance')}
+          class="w-full"
+          min="0"
+          ?disabled=${!isTemplate || this.disabledSelector.matches('current-balance', true)}
+          ?readonly=${this.readonlySelector.matches('current-balance', true)}
+          prevent-invalid-input
+          has-controls
+          .checkValidity=${this.__getValidator('current_balance')}
+          .value=${isTemplate ? (_a = this.form.current_balance) !== null && _a !== void 0 ? _a : 0 : ''}
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ current_balance: parseInt(field.value) });
+        }}
+        >
+        </vaadin-integer-field>
+
+        ${this.renderTemplateOrSlot('current-balance:after')}
+      </div>
+    `;
+    }
+    __renderPrefix() {
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      <div class="col-span-2">
+        ${this.renderTemplateOrSlot('prefix:before')}
+
+        <vaadin-text-field
+          helper-text=${this.t('leave_empty_for_random_codes')}
+          data-testid="prefix"
+          label=${this.t('prefix')}
+          class="w-full"
+          min="1"
+          ?disabled=${!isTemplate || this.disabledSelector.matches('prefix', true)}
+          ?readonly=${this.readonlySelector.matches('prefix', true)}
+          clear-button-visible
+          .value=${isTemplate ? this.form.prefix : ''}
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ prefix: field.value });
+        }}
+        >
+        </vaadin-text-field>
+
+        ${this.renderTemplateOrSlot('prefix:after')}
+      </div>
+    `;
+    }
+    __renderGenerate() {
+        const isValidTemplate = this.in({ idle: { template: { dirty: 'valid' } } });
+        return html `
+      <div class="col-span-2 mt-m">
+        ${this.renderTemplateOrSlot('generate:before')}
+
+        <vaadin-button
+          data-testid="generate"
+          class="w-full"
+          theme="success primary"
+          ?disabled=${!isValidTemplate || this.disabledSelector.matches('generate', true)}
+          @click=${() => this.submit()}
+        >
+          <foxy-i18n lang=${this.lang} key="generate" ns=${this.ns}></foxy-i18n>
+        </vaadin-button>
+
+        ${this.renderTemplateOrSlot('generate:after')}
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=GenerateCodesForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/GenerateCodesForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { IntegerFieldElement } from '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'generate-codes-form';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).\n *\n * @slot length:before\n * @slot length:after\n *\n * @slot number-of-codes:before\n * @slot number-of-codes:after\n *\n * @slot prefix:before\n * @slot prefix:after\n *\n * @slot current-balance:before\n * @slot current-balance:after\n *\n * @slot generate:before\n * @slot generate:after\n *\n * @element foxy-generate-codes-form\n * @since 1.15.0\n */\nexport class GenerateCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ number_of_codes: v }) => (v && v > 0) || 'number_of_codes_required',\n      ({ current_balance: v }) => !v || v >= 0 || 'current_balance_negative',\n      ({ length: v }) => (v && v > 0) || 'length_required',\n    ];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n    const isSnapshot = this.in({ idle: 'snapshot' });\n    const isTemplate = this.in({ idle: 'template' });\n\n    const transition = 'transition-opacity duration-500';\n    const hidden = 'opacity-0 pointer-events-none';\n\n    return html`\n      <div aria-busy=${isBusy} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'grid grid-cols-2 gap-m': true,\n            [transition]: true,\n            [hidden]: isSnapshot,\n          })}\n        >\n          ${hiddenSelector.matches('length', true) ? '' : this.__renderLength()}\n          ${hiddenSelector.matches('number-of-codes', true) ? '' : this.__renderNumberOfCodes()}\n          ${hiddenSelector.matches('current-balance', true) ? '' : this.__renderCurrentBalance()}\n          ${hiddenSelector.matches('prefix', true) ? '' : this.__renderPrefix()}\n          ${hiddenSelector.matches('generate', true) ? '' : this.__renderGenerate()}\n        </div>\n\n        <div\n          class=${classMap({\n            'absolute inset-0 flex flex-col items-center justify-center': true,\n            'text-center text-m text-secondary leading-m': true,\n            [transition]: true,\n            [hidden]: !isSnapshot,\n          })}\n        >\n          <div class=\"mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success\">\n            <iron-icon icon=\"icons:done-all\" class=\"m-auto text-success-contrast\"></iron-icon>\n          </div>\n\n          <foxy-i18n class=\"block\" lang=${lang} key=\"generate_codes_done\" ns=${ns}></foxy-i18n>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'absolute inset-0 flex': true,\n            [transition]: true,\n            [hidden]: !isBusy && !isFail,\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=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\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')) : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderLength() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('length:before')}\n\n        <vaadin-integer-field\n          error-message=${this.__getErrorMessage('length')}\n          data-testid=\"length\"\n          label=${this.t('length')}\n          class=\"w-full\"\n          min=\"1\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('length', true)}\n          ?readonly=${this.readonlySelector.matches('length', true)}\n          prevent-invalid-input\n          has-controls\n          .checkValidity=${this.__getValidator('length')}\n          .value=${isTemplate ? this.form.length : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as IntegerFieldElement;\n            this.edit({ length: parseInt(field.value) });\n          }}\n        >\n        </vaadin-integer-field>\n\n        ${this.renderTemplateOrSlot('length:after')}\n      </div>\n    `;\n  }\n\n  private __renderNumberOfCodes() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('number-of-codes:before')}\n\n        <vaadin-integer-field\n          error-message=${this.__getErrorMessage('number_of_codes')}\n          data-testid=\"number-of-codes\"\n          label=${this.t('number_of_codes')}\n          class=\"w-full\"\n          min=\"1\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('number-of-codes', true)}\n          ?readonly=${this.readonlySelector.matches('number-of-codes', true)}\n          prevent-invalid-input\n          has-controls\n          .checkValidity=${this.__getValidator('number_of_codes')}\n          .value=${isTemplate ? this.form.number_of_codes : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as IntegerFieldElement;\n            this.edit({ number_of_codes: parseInt(field.value) });\n          }}\n        >\n        </vaadin-integer-field>\n\n        ${this.renderTemplateOrSlot('number-of-codes:after')}\n      </div>\n    `;\n  }\n\n  private __renderCurrentBalance() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div class=\"col-span-2\">\n        ${this.renderTemplateOrSlot('current-balance:before')}\n\n        <vaadin-integer-field\n          error-message=${this.__getErrorMessage('current_balance')}\n          data-testid=\"current-balance\"\n          label=${this.t('balance')}\n          class=\"w-full\"\n          min=\"0\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('current-balance', true)}\n          ?readonly=${this.readonlySelector.matches('current-balance', true)}\n          prevent-invalid-input\n          has-controls\n          .checkValidity=${this.__getValidator('current_balance')}\n          .value=${isTemplate ? this.form.current_balance ?? 0 : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as IntegerFieldElement;\n            this.edit({ current_balance: parseInt(field.value) });\n          }}\n        >\n        </vaadin-integer-field>\n\n        ${this.renderTemplateOrSlot('current-balance:after')}\n      </div>\n    `;\n  }\n\n  private __renderPrefix() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div class=\"col-span-2\">\n        ${this.renderTemplateOrSlot('prefix:before')}\n\n        <vaadin-text-field\n          helper-text=${this.t('leave_empty_for_random_codes')}\n          data-testid=\"prefix\"\n          label=${this.t('prefix')}\n          class=\"w-full\"\n          min=\"1\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('prefix', true)}\n          ?readonly=${this.readonlySelector.matches('prefix', true)}\n          clear-button-visible\n          .value=${isTemplate ? this.form.prefix : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as TextFieldElement;\n            this.edit({ prefix: field.value });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('prefix:after')}\n      </div>\n    `;\n  }\n\n  private __renderGenerate() {\n    const isValidTemplate = this.in({ idle: { template: { dirty: 'valid' } } });\n\n    return html`\n      <div class=\"col-span-2 mt-m\">\n        ${this.renderTemplateOrSlot('generate:before')}\n\n        <vaadin-button\n          data-testid=\"generate\"\n          class=\"w-full\"\n          theme=\"success primary\"\n          ?disabled=${!isValidTemplate || this.disabledSelector.matches('generate', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n lang=${this.lang} key=\"generate\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('generate:after')}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { GenerateCodesForm } from './GenerateCodesForm';
+export { GenerateCodesForm };

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

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { GenerateCodesForm } from "./GenerateCodesForm.js";
+customElements.define('foxy-generate-codes-form', GenerateCodesForm);
+export { GenerateCodesForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,OAAO,6CAA6C,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAC/B,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { GenerateCodesForm } from './GenerateCodesForm';\n\ncustomElements.define('foxy-generate-codes-form', GenerateCodesForm);\n\nexport { GenerateCodesForm };\n"]}

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

@@ -0,0 +1,24 @@
+import { GenerateCodesForm } from '.';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Renderer } from '../../../mixins/configurable';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.GenerateCodes> & {
+    /** Present only in the response. */
+    _links: {
+        self: {
+            href: string;
+        };
+    };
+    /** Present only in the response. */
+    message: string;
+};
+export declare type Templates = {
+    'length:before'?: Renderer<GenerateCodesForm>;
+    'length:after'?: Renderer<GenerateCodesForm>;
+    'number-of-codes:before'?: Renderer<GenerateCodesForm>;
+    'number-of-codes:after'?: Renderer<GenerateCodesForm>;
+    'prefix:before'?: Renderer<GenerateCodesForm>;
+    'prefix:after'?: Renderer<GenerateCodesForm>;
+    'generate:before'?: Renderer<GenerateCodesForm>;
+    'generate:after'?: Renderer<GenerateCodesForm>;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GenerateCodesForm } from '.';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.GenerateCodes> & {\n  /** Present only in the response. */\n  _links: { self: { href: string } };\n  /** Present only in the response. */\n  message: string;\n};\n\nexport type Templates = {\n  'length:before'?: Renderer<GenerateCodesForm>;\n  'length:after'?: Renderer<GenerateCodesForm>;\n  'number-of-codes:before'?: Renderer<GenerateCodesForm>;\n  'number-of-codes:after'?: Renderer<GenerateCodesForm>;\n  'prefix:before'?: Renderer<GenerateCodesForm>;\n  'prefix:after'?: Renderer<GenerateCodesForm>;\n  'generate:before'?: Renderer<GenerateCodesForm>;\n  'generate:after'?: Renderer<GenerateCodesForm>;\n};\n"]}

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

@@ -0,0 +1,26 @@
+import { Data, Templates } from './types';
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../NucleonElement/NucleonElement';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
+    styles: import("lit-element").CSSResultArray;
+};
+/**
+ * Basic card displaying a gift card.
+ *
+ * @slot title:before
+ * @slot title:after
+ * @slot status:before
+ * @slot status:after
+ *
+ * @element foxy-gift-card-card
+ * @since 1.15.0
+ */
+export declare class GiftCardCard extends Base<Data> {
+    templates: Templates;
+    render(): TemplateResult;
+    private __renderTitle;
+    private __renderStatus;
+}
+export {};