@foxy.io/elements 1.27.2-beta.1 → 1.28.0

package/dist/elements/public/Customer/Customer.js

@@ -16,49 +16,12 @@ const Base = ScopedElementsMixin(ConfigurableMixin(ThemeableMixin(TranslatableMi
 /**
  * All-in-one element for customer management.
  *
- * @slot header:before - **new in v1.4.0**
- * @slot header:after - **new in v1.4.0**
- * @slot header:actions:before - **new in v1.4.0**
- * @slot header:actions:after - **new in v1.4.0**
- * @slot header:actions:edit:before - **new in v1.4.0**
- * @slot header:actions:edit:after - **new in v1.4.0**
- *
- * @slot addresses:before - **new in v1.4.0**
- * @slot addresses:after - **new in v1.4.0**
- * @slot addresses:actions:before - **new in v1.4.0**
- * @slot addresses:actions:after - **new in v1.4.0**
- * @slot addresses:actions:create:before - **new in v1.4.0**
- * @slot addresses:actions:create:after - **new in v1.4.0**
- * @slot addresses:list:before - **new in v1.4.0**
- * @slot addresses:list:after - **new in v1.4.0**
- *
- * @slot payment-methods:before - **new in v1.4.0**
- * @slot payment-methods:after - **new in v1.4.0**
- * @slot payment-methods:list:before - **new in v1.4.0**
- * @slot payment-methods:list:after - **new in v1.4.0**
- *
- * @slot attributes:before - **new in v1.4.0**
- * @slot attributes:after - **new in v1.4.0**
- * @slot attributes:actions:before - **new in v1.4.0**
- * @slot attributes:actions:after - **new in v1.4.0**
- * @slot attributes:actions:create:before - **new in v1.4.0**
- * @slot attributes:actions:create:after - **new in v1.4.0**
- * @slot attributes:list:before - **new in v1.4.0**
- * @slot attributes:list:after - **new in v1.4.0**
- *
- * @slot transactions:before - **new in v1.4.0**
- * @slot transactions:after - **new in v1.4.0**
- *
- * @slot subscriptions:before - **new in v1.4.0**
- * @slot subscriptions:after - **new in v1.4.0**
- *
  * @element foxy-customer
  * @since 1.2.0
  */
 export class Customer extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         /**
          * Configuration URL for the Payment Card Embed. If provided, this element will allow
          * the customer to update their default payment method using the Payment Card Embed.
@@ -90,6 +53,7 @@ export class Customer extends Base {
         readonlycontrols=${readonlySelector.zoom(formId).toString()}
         disabledcontrols=${disabledSelector.zoom(formId).toString()}
         hiddencontrols=${hiddenSelector.zoom(formId).toString()}
+        alert
         .templates=${this.getNestedTemplates('header:actions:edit:form')}
         .props=${{ '.settings': this.settings }}
       >
@@ -182,6 +146,7 @@ export class Customer extends Base {
           lang=${lang}
           ns=${ns}
           id="address-dialog"
+          alert
           .templates=${this.getNestedTemplates('addresses:actions:create:form')}
         >
         </foxy-form-dialog>
@@ -275,6 +240,7 @@ export class Customer extends Base {
         lang=${this.lang}
         ns=${this.ns}
         id="addresses-list-form"
+        alert
         .templates=${this.getNestedTemplates(formId)}
       >
       </foxy-form-dialog>
@@ -404,6 +370,7 @@ export class Customer extends Base {
           form="foxy-attribute-form"
           lang=${lang}
           ns=${ns}
+          alert
           .templates=${this.getNestedTemplates('attributes:actions:create:form')}
         >
         </foxy-form-dialog>
@@ -495,6 +462,7 @@ export class Customer extends Base {
         lang=${this.lang}
         ns=${this.ns}
         id="attributes-list-form"
+        alert
         .templates=${this.getNestedTemplates(formId)}
       >
       </foxy-form-dialog>
@@ -628,6 +596,7 @@ export class Customer extends Base {
           lang=${this.lang}
           ns=${this.ns}
           id="subscriptions-form"
+          alert
           .templates=${this.getNestedTemplates(formId)}
           .props=${{ '.settings': this.settings }}
         >

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

@@ -1 +1 @@
-{"version":3,"file":"Customer.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/Customer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Attributes, CustomerAddresses, Data, Settings, Tab, Templates } from './types';\nimport { CSSResultArray, TemplateResult, html, PropertyDeclarations } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data as Attribute } from '../AttributeCard/types';\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { Column } from '../Table/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data as CustomerAddress } from '../AddressCard/types';\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { Group } from '../../private/index';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Skeleton } from '../../private/Skeleton/Skeleton';\nimport { Data as Subscriptions } from '../SubscriptionsTable/types';\nimport { SubscriptionsTable } from '../SubscriptionsTable/SubscriptionsTable';\nimport { Tabs } from '../../private/Tabs/Tabs';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { styles } from './styles';\n\nconst NS = 'customer';\nconst Base = ScopedElementsMixin(\n  ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * All-in-one element for customer management.\n *\n * @slot header:before - **new in v1.4.0**\n * @slot header:after - **new in v1.4.0**\n * @slot header:actions:before - **new in v1.4.0**\n * @slot header:actions:after - **new in v1.4.0**\n * @slot header:actions:edit:before - **new in v1.4.0**\n * @slot header:actions:edit:after - **new in v1.4.0**\n *\n * @slot addresses:before - **new in v1.4.0**\n * @slot addresses:after - **new in v1.4.0**\n * @slot addresses:actions:before - **new in v1.4.0**\n * @slot addresses:actions:after - **new in v1.4.0**\n * @slot addresses:actions:create:before - **new in v1.4.0**\n * @slot addresses:actions:create:after - **new in v1.4.0**\n * @slot addresses:list:before - **new in v1.4.0**\n * @slot addresses:list:after - **new in v1.4.0**\n *\n * @slot payment-methods:before - **new in v1.4.0**\n * @slot payment-methods:after - **new in v1.4.0**\n * @slot payment-methods:list:before - **new in v1.4.0**\n * @slot payment-methods:list:after - **new in v1.4.0**\n *\n * @slot attributes:before - **new in v1.4.0**\n * @slot attributes:after - **new in v1.4.0**\n * @slot attributes:actions:before - **new in v1.4.0**\n * @slot attributes:actions:after - **new in v1.4.0**\n * @slot attributes:actions:create:before - **new in v1.4.0**\n * @slot attributes:actions:create:after - **new in v1.4.0**\n * @slot attributes:list:before - **new in v1.4.0**\n * @slot attributes:list:after - **new in v1.4.0**\n *\n * @slot transactions:before - **new in v1.4.0**\n * @slot transactions:after - **new in v1.4.0**\n *\n * @slot subscriptions:before - **new in v1.4.0**\n * @slot subscriptions:after - **new in v1.4.0**\n *\n * @element foxy-customer\n * @since 1.2.0\n */\nexport class Customer extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-payment-method-card': customElements.get('foxy-payment-method-card'),\n      'foxy-transactions-table': customElements.get('foxy-transactions-table'),\n      'foxy-collection-pages': customElements.get('foxy-collection-pages'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-attribute-card': customElements.get('foxy-attribute-card'),\n      'foxy-address-card': customElements.get('foxy-address-card'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'x-skeleton': Skeleton,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n      'x-tabs': Tabs,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { type: Object },\n      embedUrl: { attribute: 'embed-url' },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  templates: Templates = {};\n\n  /**\n   * Configuration URL for the Payment Card Embed. If provided, this element will allow\n   * the customer to update their default payment method using the Payment Card Embed.\n   */\n  embedUrl: string | null = null;\n\n  /** Customer Portal settings for use in Customer mode. */\n  settings: Settings | null = null;\n\n  // #region header\n\n  private readonly __renderHeaderActionsEdit = () => {\n    const { readonlySelector, disabledSelector, hiddenSelector } = this;\n\n    const actionId = 'header:actions:edit';\n    const formId = 'header:actions:edit:form';\n    const dialogId = 'customer-dialog';\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEditActionDisabled = !isLoaded || disabledSelector.matches(actionId, true);\n\n    return html`\n      ${this.renderTemplateOrSlot('header:actions:edit:before')}\n\n      <foxy-form-dialog\n        data-testid=\"header:actions:edit:form\"\n        header=\"update\"\n        parent=${this.parent}\n        group=${this.group}\n        href=${this.href}\n        form=\"foxy-customer-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=${dialogId}\n        readonlycontrols=${readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${hiddenSelector.zoom(formId).toString()}\n        .templates=${this.getNestedTemplates('header:actions:edit:form')}\n        .props=${{ '.settings': this.settings }}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button\n        data-testid=\"header:actions:edit\"\n        aria-label=${this.t('update').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"icon\"\n        ?disabled=${isEditActionDisabled}\n        @click=${(evt: Event) => {\n          const dialog = this.renderRoot.querySelector(`#${dialogId}`) as FormDialog;\n          dialog.show(evt.currentTarget as HTMLElement);\n        }}\n      >\n        <iron-icon icon=\"editor:mode-edit\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('header:actions:edit:after')}\n    `;\n  };\n\n  private readonly __renderHeaderActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('header:actions');\n\n    return html`\n      <div class=\"flex\" data-testid=\"header:actions\">\n        ${this.renderTemplateOrSlot('header:actions:before')}\n        ${hiddenSelector.matches('edit', true) ? '' : this.__renderHeaderActionsEdit()}\n        ${this.renderTemplateOrSlot('header:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    const variant = ifDefined(this.in('busy') ? undefined : 'static');\n\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <header\n        class=\"flex items-center justify-between space-x-m pb-s border-b border-contrast-10\"\n        data-testid=\"header\"\n      >\n        <h1 class=\"text-xxl font-medium truncate min-w-0 flex-1\">\n          ${this.in({ idle: 'snapshot' })\n            ? html`${this.data.first_name} ${this.data.last_name}`\n            : html`<x-skeleton class=\"w-full\" variant=${variant}>&nbsp;</x-skeleton>`}\n        </h1>\n\n        ${this.hiddenSelector.matches('header:actions', true) ? '' : this.__renderHeaderActions()}\n      </header>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region addresses\n\n  private readonly __renderAddressesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('addresses:actions');\n    const readonlySelector = this.readonlySelector.zoom('addresses:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"addresses:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"addresses:actions:create:form\"\n          parent=${data?._links['fx:customer_addresses'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-address-form\"\n          lang=${lang}\n          ns=${ns}\n          id=\"address-dialog\"\n          .templates=${this.getNestedTemplates('addresses:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('addresses:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAddressesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    return html`\n      <div data-testid=\"addresses:actions\">\n        ${this.renderTemplateOrSlot('addresses:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAddressesActionsCreate()}\n        ${this.renderTemplateOrSlot('addresses:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAddressesListCard: ItemRenderer<CustomerAddress> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#addresses-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0': true,\n      'border border-contrast-10': true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    const isReadonly = this.readonlySelector.matches('addresses:list:card', true);\n    const isDisabled = this.disabledSelector.matches('addresses:list:card', true);\n\n    return html`\n      <button\n        data-testclass=\"addresses:list:card\"\n        class=${computedClass}\n        ?disabled=${!ctx.data || isReadonly || isDisabled}\n        @click=${handleClick}\n      >\n        <foxy-address-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          class=\"w-tile\"\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-address-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-address-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAddressesListPage: PageRenderer<CustomerAddresses> = ctx => {\n    return ctx.html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAddressesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAddressesList = () => {\n    const formId = 'addresses:list:form';\n    const cardId = 'addresses:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testid=\"addresses:list:form\"\n        parent=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-address-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"addresses-list-form\"\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n        data-testid=\"addresses:list\"\n        first=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAddressesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('addresses:list:after')}\n    `;\n  };\n\n  private readonly __renderAddresses = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('addresses');\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:before')}\n\n      <section class=\"pt-m\" data-testid=\"addresses\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"address_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAddressesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAddressesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('addresses:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region payment-methods\n\n  private readonly __renderPaymentMethodsList = () => {\n    const cardId = 'payment-methods:list:card';\n\n    return html`\n      <div data-testid=\"payment-methods:list\">\n        ${this.renderTemplateOrSlot('payment-methods:list:before')}\n\n        <foxy-payment-method-card\n          readonlycontrols=${this.readonlySelector.zoom(cardId)}\n          disabledcontrols=${this.disabledSelector.zoom(cardId)}\n          hiddencontrols=${this.hiddenSelector.zoom(cardId)}\n          data-testid=${cardId}\n          embed-url=${ifDefined(this.embedUrl ?? void 0)}\n          group=${this.group}\n          class=\"w-payment-method-card border-radius-overflow-fix rounded-t-l rounded-b-l overflow-hidden\"\n          href=${ifDefined(this.data?._links['fx:default_payment_method'].href)}\n          lang=${this.lang}\n          ns=\"${this.ns} payment-method-card\"\n          .templates=${this.getNestedTemplates(cardId)}\n        >\n        </foxy-payment-method-card>\n\n        ${this.renderTemplateOrSlot('payment-methods:list:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderPaymentMethods = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('payment-methods');\n\n    return html`\n      ${this.renderTemplateOrSlot('payment-methods:before')}\n\n      <div class=\"pt-m\" data-testid=\"payment-methods\">\n        <h2 class=\"text-l font-medium mb-s\">\n          <foxy-i18n\n            data-testclass=\"i18n\"\n            lang=${this.lang}\n            key=\"payment_method_plural\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </h2>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderPaymentMethodsList()}\n      </div>\n\n      ${this.renderTemplateOrSlot('payment-methods:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region attributes\n\n  private readonly __renderAttributesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('attributes:actions');\n    const readonlySelector = this.readonlySelector.zoom('attributes:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"attributes:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"attributes:actions:create:form\"\n          parent=${data?._links['fx:attributes'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-attribute-form\"\n          lang=${lang}\n          ns=${ns}\n          .templates=${this.getNestedTemplates('attributes:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('attributes:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAttributesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    return html`\n      <div data-testid=\"attributes:actions\">\n        ${this.renderTemplateOrSlot('attributes:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAttributesActionsCreate()}\n        ${this.renderTemplateOrSlot('attributes:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAttributesListCard: ItemRenderer<Attribute> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#attributes-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0 border border-contrast-10':\n        true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    return ctx.html`\n      <button \n        data-testclass=\"attributes:list:card\"\n        class=${computedClass}\n        ?disabled=${ctx.data === null}\n        @click=${handleClick}\n      >\n        <foxy-attribute-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          group=${ctx.group}\n          class=\"w-tile\"\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-attribute-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-attribute-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAttributesListPage: PageRenderer<Attributes> = ctx => {\n    return html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAttributesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAttributesList = () => {\n    const formId = 'attributes:list:form';\n    const cardId = 'attributes:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testclass=\"i18n\"\n        data-testid=\"attributes:list:form\"\n        parent=${this.data?._links['fx:attributes'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-attribute-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"attributes-list-form\"\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenControls.zoom(cardId).toString()}\n        data-testid=\"attributes:list\"\n        first=${this.data?._links['fx:attributes'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAttributesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('attributes:list:after')}\n    `;\n  };\n\n  private readonly __renderAttributes = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('attributes');\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:before')}\n\n      <section class=\"pt-m\" data-testid=\"attributes\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"attribute_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAttributesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAttributesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('attributes:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region transactions\n\n  private readonly __renderTransactions = () => {\n    let transactionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const transactionsURL = new URL(this.data._links['fx:transactions'].href);\n      transactionsURL.searchParams.set('zoom', 'items');\n      transactionsLink = transactionsURL.toString();\n    }\n\n    return html`\n      ${this.renderTemplateOrSlot('transactions:before')}\n\n      <x-group frame>\n        <foxy-collection-pages\n          data-testid=\"transactions\"\n          spinner=\"foxy-spinner\"\n          first=${transactionsLink}\n          class=\"divide-y divide-contrast-10 block mx-m\"\n          group=${this.group}\n          page=\"foxy-transactions-table\"\n          lang=${this.lang}\n          ns=${this.ns}\n          .templates=${this.getNestedTemplates('transactions:table')}\n        >\n        </foxy-collection-pages>\n      </x-group>\n\n      ${this.renderTemplateOrSlot('transactions:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region subscriptions\n\n  private readonly __subscriptionsTableColumns: Column<Subscriptions>[] = [\n    SubscriptionsTable.priceColumn,\n    SubscriptionsTable.summaryColumn,\n    SubscriptionsTable.statusColumn,\n    {\n      cell: ({ html, lang, data }) => html`\n        <vaadin-button\n          data-testclass=\"edit\"\n          theme=\"small tertiary-inline\"\n          @click=${(evt: Event) => {\n            const link = new URL(data._links.self.href);\n            const form = this.renderRoot.querySelector('#subscriptions-form') as FormDialog;\n            const button = evt.target as ButtonElement;\n\n            link.searchParams.set('zoom', 'transaction_template:items');\n            form.href = link.toString();\n            form.show(button);\n          }}\n        >\n          <foxy-i18n class=\"text-m\" lang=${lang} key=\"update\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n      `,\n    },\n  ];\n\n  private readonly __renderSubscriptionsPage: PageRenderer<Subscriptions> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-table\n        data-testclass=\"subscriptions:pages:table\"\n        group=${ctx.group}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        ns=\"${ctx.ns} subscriptions-table\"\n        .columns=${this.__subscriptionsTableColumns}\n        .templates=${ctx.templates}\n      >\n      </foxy-table>\n    `;\n  };\n\n  private readonly __renderSubscriptions = () => {\n    const formId = 'subscriptions:form';\n    let subscriptionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const subscriptionsURL = new URL(this.data._links['fx:subscriptions'].href);\n      subscriptionsURL.searchParams.set('zoom', 'transaction_template:items');\n      subscriptionsLink = subscriptionsURL.toString();\n    }\n\n    return html`\n      <div data-testid=\"subscriptions\">\n        ${this.renderTemplateOrSlot('subscriptions:before')}\n\n        <foxy-form-dialog\n          readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n          data-testid=${formId}\n          header=\"update\"\n          group=${this.group}\n          form=\"foxy-subscription-form\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"subscriptions-form\"\n          .templates=${this.getNestedTemplates(formId)}\n          .props=${{ '.settings': this.settings }}\n        >\n        </foxy-form-dialog>\n\n        <x-group frame>\n          <foxy-collection-pages\n            data-testid=\"subscriptions:pages\"\n            spinner=\"foxy-spinner\"\n            first=${subscriptionsLink}\n            class=\"divide-y divide-contrast-10 block mx-m\"\n            group=${this.group}\n            lang=${this.lang}\n            ns=${this.ns}\n            .page=${this.__renderSubscriptionsPage}\n            .templates=${this.getNestedTemplates('subscriptions:table')}\n          >\n          </foxy-collection-pages>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('subscriptions:after')}\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  // #region tabs\n\n  private readonly __renderTabs = (tabs: Tab[]) => {\n    return html`\n      <div class=\"pt-m\">\n        <x-tabs size=${tabs.length} ?disabled=${!this.in({ idle: 'snapshot' })}>\n          ${tabs.map(\n            (tab, index) => html`\n              <foxy-i18n\n                data-testclass=\"i18n\"\n                slot=\"tab-${index}\"\n                lang=${this.lang}\n                key=${tab.title}\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n\n              <div slot=\"panel-${index}\">${tab.content}</div>\n            `\n          )}\n        </x-tabs>\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isBusy = this.in('busy');\n    const tabs: Tab[] = [];\n\n    if (!hiddenSelector.matches('transactions', true)) {\n      tabs.push({ title: 'transaction_plural', content: this.__renderTransactions() });\n    }\n\n    if (!hiddenSelector.matches('subscriptions', true)) {\n      tabs.push({ title: 'subscription_plural', content: this.__renderSubscriptions() });\n    }\n\n    return html`\n      <div class=\"relative\" data-testid=\"wrapper\" aria-busy=${isBusy} aria-live=\"polite\">\n        <div\n          class=${classMap({\n            'font-lumo text-body text-m leading-m space-y-s': true,\n            'opacity-50': !isLoaded,\n          })}\n        >\n          ${hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n          ${hiddenSelector.matches('default', true) ? '' : this.renderTemplateOrSlot()}\n          ${hiddenSelector.matches('addresses', true) ? '' : this.__renderAddresses()}\n          ${hiddenSelector.matches('payment-methods', true) ? '' : this.__renderPaymentMethods()}\n          ${hiddenSelector.matches('attributes', true) ? '' : this.__renderAttributes()}\n          ${tabs.length === 0 ? '' : this.__renderTabs(tabs)}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Customer.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/Customer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Attributes, CustomerAddresses, Data, Settings, Tab } from './types';\nimport { CSSResultArray, TemplateResult, html, PropertyDeclarations } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data as Attribute } from '../AttributeCard/types';\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { Column } from '../Table/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data as CustomerAddress } from '../AddressCard/types';\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { Group } from '../../private/index';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Skeleton } from '../../private/Skeleton/Skeleton';\nimport { Data as Subscriptions } from '../SubscriptionsTable/types';\nimport { SubscriptionsTable } from '../SubscriptionsTable/SubscriptionsTable';\nimport { Tabs } from '../../private/Tabs/Tabs';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { styles } from './styles';\n\nconst NS = 'customer';\nconst Base = ScopedElementsMixin(\n  ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * All-in-one element for customer management.\n *\n * @element foxy-customer\n * @since 1.2.0\n */\nexport class Customer extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-payment-method-card': customElements.get('foxy-payment-method-card'),\n      'foxy-transactions-table': customElements.get('foxy-transactions-table'),\n      'foxy-collection-pages': customElements.get('foxy-collection-pages'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-attribute-card': customElements.get('foxy-attribute-card'),\n      'foxy-address-card': customElements.get('foxy-address-card'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'x-skeleton': Skeleton,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n      'x-tabs': Tabs,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { type: Object },\n      embedUrl: { attribute: 'embed-url' },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  /**\n   * Configuration URL for the Payment Card Embed. If provided, this element will allow\n   * the customer to update their default payment method using the Payment Card Embed.\n   */\n  embedUrl: string | null = null;\n\n  /** Customer Portal settings for use in Customer mode. */\n  settings: Settings | null = null;\n\n  // #region header\n\n  private readonly __renderHeaderActionsEdit = () => {\n    const { readonlySelector, disabledSelector, hiddenSelector } = this;\n\n    const actionId = 'header:actions:edit';\n    const formId = 'header:actions:edit:form';\n    const dialogId = 'customer-dialog';\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEditActionDisabled = !isLoaded || disabledSelector.matches(actionId, true);\n\n    return html`\n      ${this.renderTemplateOrSlot('header:actions:edit:before')}\n\n      <foxy-form-dialog\n        data-testid=\"header:actions:edit:form\"\n        header=\"update\"\n        parent=${this.parent}\n        group=${this.group}\n        href=${this.href}\n        form=\"foxy-customer-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=${dialogId}\n        readonlycontrols=${readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${hiddenSelector.zoom(formId).toString()}\n        alert\n        .templates=${this.getNestedTemplates('header:actions:edit:form')}\n        .props=${{ '.settings': this.settings }}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button\n        data-testid=\"header:actions:edit\"\n        aria-label=${this.t('update').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"icon\"\n        ?disabled=${isEditActionDisabled}\n        @click=${(evt: Event) => {\n          const dialog = this.renderRoot.querySelector(`#${dialogId}`) as FormDialog;\n          dialog.show(evt.currentTarget as HTMLElement);\n        }}\n      >\n        <iron-icon icon=\"editor:mode-edit\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('header:actions:edit:after')}\n    `;\n  };\n\n  private readonly __renderHeaderActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('header:actions');\n\n    return html`\n      <div class=\"flex\" data-testid=\"header:actions\">\n        ${this.renderTemplateOrSlot('header:actions:before')}\n        ${hiddenSelector.matches('edit', true) ? '' : this.__renderHeaderActionsEdit()}\n        ${this.renderTemplateOrSlot('header:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    const variant = ifDefined(this.in('busy') ? undefined : 'static');\n\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <header\n        class=\"flex items-center justify-between space-x-m pb-s border-b border-contrast-10\"\n        data-testid=\"header\"\n      >\n        <h1 class=\"text-xxl font-medium truncate min-w-0 flex-1\">\n          ${this.in({ idle: 'snapshot' })\n            ? html`${this.data.first_name} ${this.data.last_name}`\n            : html`<x-skeleton class=\"w-full\" variant=${variant}>&nbsp;</x-skeleton>`}\n        </h1>\n\n        ${this.hiddenSelector.matches('header:actions', true) ? '' : this.__renderHeaderActions()}\n      </header>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region addresses\n\n  private readonly __renderAddressesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('addresses:actions');\n    const readonlySelector = this.readonlySelector.zoom('addresses:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"addresses:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"addresses:actions:create:form\"\n          parent=${data?._links['fx:customer_addresses'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-address-form\"\n          lang=${lang}\n          ns=${ns}\n          id=\"address-dialog\"\n          alert\n          .templates=${this.getNestedTemplates('addresses:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('addresses:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAddressesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('addresses:actions');\n\n    return html`\n      <div data-testid=\"addresses:actions\">\n        ${this.renderTemplateOrSlot('addresses:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAddressesActionsCreate()}\n        ${this.renderTemplateOrSlot('addresses:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAddressesListCard: ItemRenderer<CustomerAddress> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#addresses-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0': true,\n      'border border-contrast-10': true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    const isReadonly = this.readonlySelector.matches('addresses:list:card', true);\n    const isDisabled = this.disabledSelector.matches('addresses:list:card', true);\n\n    return html`\n      <button\n        data-testclass=\"addresses:list:card\"\n        class=${computedClass}\n        ?disabled=${!ctx.data || isReadonly || isDisabled}\n        @click=${handleClick}\n      >\n        <foxy-address-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          class=\"w-tile\"\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-address-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-address-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAddressesListPage: PageRenderer<CustomerAddresses> = ctx => {\n    return ctx.html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAddressesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAddressesList = () => {\n    const formId = 'addresses:list:form';\n    const cardId = 'addresses:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testid=\"addresses:list:form\"\n        parent=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-address-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"addresses-list-form\"\n        alert\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n        data-testid=\"addresses:list\"\n        first=${this.data?._links['fx:customer_addresses'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAddressesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('addresses:list:after')}\n    `;\n  };\n\n  private readonly __renderAddresses = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('addresses');\n\n    return html`\n      ${this.renderTemplateOrSlot('addresses:before')}\n\n      <section class=\"pt-m\" data-testid=\"addresses\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"address_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAddressesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAddressesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('addresses:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region payment-methods\n\n  private readonly __renderPaymentMethodsList = () => {\n    const cardId = 'payment-methods:list:card';\n\n    return html`\n      <div data-testid=\"payment-methods:list\">\n        ${this.renderTemplateOrSlot('payment-methods:list:before')}\n\n        <foxy-payment-method-card\n          readonlycontrols=${this.readonlySelector.zoom(cardId)}\n          disabledcontrols=${this.disabledSelector.zoom(cardId)}\n          hiddencontrols=${this.hiddenSelector.zoom(cardId)}\n          data-testid=${cardId}\n          embed-url=${ifDefined(this.embedUrl ?? void 0)}\n          group=${this.group}\n          class=\"w-payment-method-card border-radius-overflow-fix rounded-t-l rounded-b-l overflow-hidden\"\n          href=${ifDefined(this.data?._links['fx:default_payment_method'].href)}\n          lang=${this.lang}\n          ns=\"${this.ns} payment-method-card\"\n          .templates=${this.getNestedTemplates(cardId)}\n        >\n        </foxy-payment-method-card>\n\n        ${this.renderTemplateOrSlot('payment-methods:list:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderPaymentMethods = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('payment-methods');\n\n    return html`\n      ${this.renderTemplateOrSlot('payment-methods:before')}\n\n      <div class=\"pt-m\" data-testid=\"payment-methods\">\n        <h2 class=\"text-l font-medium mb-s\">\n          <foxy-i18n\n            data-testclass=\"i18n\"\n            lang=${this.lang}\n            key=\"payment_method_plural\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </h2>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderPaymentMethodsList()}\n      </div>\n\n      ${this.renderTemplateOrSlot('payment-methods:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region attributes\n\n  private readonly __renderAttributesActionsCreate = () => {\n    const { data, lang, ns } = this;\n\n    const disabledSelector = this.disabledSelector.zoom('attributes:actions');\n    const readonlySelector = this.readonlySelector.zoom('attributes:actions');\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isDisabled = !isLoaded || disabledSelector.matches('create', true);\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:actions:create:before')}\n\n      <vaadin-button\n        data-testid=\"attributes:actions:create\"\n        aria-label=${this.t('create').toString()}\n        class=\"px-xs rounded-full\"\n        theme=\"small icon\"\n        ?disabled=${isDisabled}\n        @click=${(evt: Event) => {\n          if (data === null) return;\n          const button = evt.target as HTMLButtonElement;\n          const dialog = button.firstElementChild as FormDialog;\n          dialog.show(button);\n        }}\n      >\n        <foxy-form-dialog\n          readonlycontrols=${readonlySelector.zoom('create:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('create:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('create:form').toString()}\n          data-testid=\"attributes:actions:create:form\"\n          parent=${data?._links['fx:attributes'].href ?? ''}\n          header=\"create\"\n          group=${this.group}\n          form=\"foxy-attribute-form\"\n          lang=${lang}\n          ns=${ns}\n          alert\n          .templates=${this.getNestedTemplates('attributes:actions:create:form')}\n        >\n        </foxy-form-dialog>\n\n        <iron-icon slot=\"suffix\" icon=\"icons:add\"></iron-icon>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('attributes:actions:create:after')}\n    `;\n  };\n\n  private readonly __renderAttributesActions = () => {\n    const hiddenSelector = this.hiddenSelector.zoom('attributes:actions');\n\n    return html`\n      <div data-testid=\"attributes:actions\">\n        ${this.renderTemplateOrSlot('attributes:actions:before')}\n        ${hiddenSelector.matches('create', true) ? '' : this.__renderAttributesActionsCreate()}\n        ${this.renderTemplateOrSlot('attributes:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAttributesListCard: ItemRenderer<Attribute> = ctx => {\n    const handleClick = (evt: Event) => {\n      if (ctx.data === null) return;\n\n      const button = evt.target as HTMLButtonElement;\n      const root = button.getRootNode() as Element | DocumentFragment;\n      const form = root.querySelector('#attributes-list-form') as FormDialog;\n\n      form.href = ctx.data._links.self.href;\n      form.show(button);\n    };\n\n    const computedClass = classMap({\n      'snap-start text-left p-m rounded-t-l rounded-b-l flex-shrink-0 border border-contrast-10':\n        true,\n      'hover-border-contrast-30 focus-outline-none focus-border-primary': ctx.data !== null,\n    });\n\n    return ctx.html`\n      <button \n        data-testclass=\"attributes:list:card\"\n        class=${computedClass}\n        ?disabled=${ctx.data === null}\n        @click=${handleClick}\n      >\n        <foxy-attribute-card\n          hiddencontrols=${ctx.hiddenControls.toString()}\n          parent=${ctx.parent}\n          group=${ctx.group}\n          class=\"w-tile\"\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-attribute-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-attribute-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderAttributesListPage: PageRenderer<Attributes> = ctx => {\n    return html`\n      <foxy-collection-page\n        hiddencontrols=${ctx.hiddenControls.toString()}\n        class=\"space-x-m flex\"\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=${ctx.ns}\n        .item=${this.__renderAttributesListCard}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderAttributesList = () => {\n    const formId = 'attributes:list:form';\n    const cardId = 'attributes:list:card';\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n        data-testclass=\"i18n\"\n        data-testid=\"attributes:list:form\"\n        parent=${this.data?._links['fx:attributes'].href ?? ''}\n        header=\"update\"\n        group=${this.group}\n        form=\"foxy-attribute-form\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"attributes-list-form\"\n        alert\n        .templates=${this.getNestedTemplates(formId)}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        hiddencontrols=${this.hiddenControls.zoom(cardId).toString()}\n        data-testid=\"attributes:list\"\n        first=${this.data?._links['fx:attributes'].href ?? ''}\n        class=\"snap-x-mandatory flex items-center space-x-m overflow-auto\"\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        .page=${this.__renderAttributesListPage}\n        .templates=${this.getNestedTemplates(cardId)}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('attributes:list:after')}\n    `;\n  };\n\n  private readonly __renderAttributes = () => {\n    const { lang, ns } = this;\n    const hiddenSelector = this.hiddenSelector.zoom('attributes');\n\n    return html`\n      ${this.renderTemplateOrSlot('attributes:before')}\n\n      <section class=\"pt-m\" data-testid=\"attributes\">\n        <header class=\"space-x-m flex items-center mb-s\">\n          <h2 class=\"text-l font-medium\">\n            <foxy-i18n ns=${ns} lang=${lang} key=\"attribute_plural\"></foxy-i18n>\n          </h2>\n\n          ${hiddenSelector.matches('actions', true) ? '' : this.__renderAttributesActions()}\n        </header>\n\n        ${hiddenSelector.matches('list', true) ? '' : this.__renderAttributesList()}\n      </section>\n\n      ${this.renderTemplateOrSlot('attributes:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region transactions\n\n  private readonly __renderTransactions = () => {\n    let transactionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const transactionsURL = new URL(this.data._links['fx:transactions'].href);\n      transactionsURL.searchParams.set('zoom', 'items');\n      transactionsLink = transactionsURL.toString();\n    }\n\n    return html`\n      ${this.renderTemplateOrSlot('transactions:before')}\n\n      <x-group frame>\n        <foxy-collection-pages\n          data-testid=\"transactions\"\n          spinner=\"foxy-spinner\"\n          first=${transactionsLink}\n          class=\"divide-y divide-contrast-10 block mx-m\"\n          group=${this.group}\n          page=\"foxy-transactions-table\"\n          lang=${this.lang}\n          ns=${this.ns}\n          .templates=${this.getNestedTemplates('transactions:table')}\n        >\n        </foxy-collection-pages>\n      </x-group>\n\n      ${this.renderTemplateOrSlot('transactions:after')}\n    `;\n  };\n\n  // #endregion\n\n  // #region subscriptions\n\n  private readonly __subscriptionsTableColumns: Column<Subscriptions>[] = [\n    SubscriptionsTable.priceColumn,\n    SubscriptionsTable.summaryColumn,\n    SubscriptionsTable.statusColumn,\n    {\n      cell: ({ html, lang, data }) => html`\n        <vaadin-button\n          data-testclass=\"edit\"\n          theme=\"small tertiary-inline\"\n          @click=${(evt: Event) => {\n            const link = new URL(data._links.self.href);\n            const form = this.renderRoot.querySelector('#subscriptions-form') as FormDialog;\n            const button = evt.target as ButtonElement;\n\n            link.searchParams.set('zoom', 'transaction_template:items');\n            form.href = link.toString();\n            form.show(button);\n          }}\n        >\n          <foxy-i18n class=\"text-m\" lang=${lang} key=\"update\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n      `,\n    },\n  ];\n\n  private readonly __renderSubscriptionsPage: PageRenderer<Subscriptions> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-table\n        data-testclass=\"subscriptions:pages:table\"\n        group=${ctx.group}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        ns=\"${ctx.ns} subscriptions-table\"\n        .columns=${this.__subscriptionsTableColumns}\n        .templates=${ctx.templates}\n      >\n      </foxy-table>\n    `;\n  };\n\n  private readonly __renderSubscriptions = () => {\n    const formId = 'subscriptions:form';\n    let subscriptionsLink = '';\n\n    if (this.in({ idle: 'snapshot' })) {\n      const subscriptionsURL = new URL(this.data._links['fx:subscriptions'].href);\n      subscriptionsURL.searchParams.set('zoom', 'transaction_template:items');\n      subscriptionsLink = subscriptionsURL.toString();\n    }\n\n    return html`\n      <div data-testid=\"subscriptions\">\n        ${this.renderTemplateOrSlot('subscriptions:before')}\n\n        <foxy-form-dialog\n          readonlycontrols=${this.readonlySelector.zoom(formId).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(formId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(formId).toString()}\n          data-testid=${formId}\n          header=\"update\"\n          group=${this.group}\n          form=\"foxy-subscription-form\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"subscriptions-form\"\n          alert\n          .templates=${this.getNestedTemplates(formId)}\n          .props=${{ '.settings': this.settings }}\n        >\n        </foxy-form-dialog>\n\n        <x-group frame>\n          <foxy-collection-pages\n            data-testid=\"subscriptions:pages\"\n            spinner=\"foxy-spinner\"\n            first=${subscriptionsLink}\n            class=\"divide-y divide-contrast-10 block mx-m\"\n            group=${this.group}\n            lang=${this.lang}\n            ns=${this.ns}\n            .page=${this.__renderSubscriptionsPage}\n            .templates=${this.getNestedTemplates('subscriptions:table')}\n          >\n          </foxy-collection-pages>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('subscriptions:after')}\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  // #region tabs\n\n  private readonly __renderTabs = (tabs: Tab[]) => {\n    return html`\n      <div class=\"pt-m\">\n        <x-tabs size=${tabs.length} ?disabled=${!this.in({ idle: 'snapshot' })}>\n          ${tabs.map(\n            (tab, index) => html`\n              <foxy-i18n\n                data-testclass=\"i18n\"\n                slot=\"tab-${index}\"\n                lang=${this.lang}\n                key=${tab.title}\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n\n              <div slot=\"panel-${index}\">${tab.content}</div>\n            `\n          )}\n        </x-tabs>\n      </div>\n    `;\n  };\n\n  // #endregion\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isBusy = this.in('busy');\n    const tabs: Tab[] = [];\n\n    if (!hiddenSelector.matches('transactions', true)) {\n      tabs.push({ title: 'transaction_plural', content: this.__renderTransactions() });\n    }\n\n    if (!hiddenSelector.matches('subscriptions', true)) {\n      tabs.push({ title: 'subscription_plural', content: this.__renderSubscriptions() });\n    }\n\n    return html`\n      <div class=\"relative\" data-testid=\"wrapper\" aria-busy=${isBusy} aria-live=\"polite\">\n        <div\n          class=${classMap({\n            'font-lumo text-body text-m leading-m space-y-s': true,\n            'opacity-50': !isLoaded,\n          })}\n        >\n          ${hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n          ${hiddenSelector.matches('default', true) ? '' : this.renderTemplateOrSlot()}\n          ${hiddenSelector.matches('addresses', true) ? '' : this.__renderAddresses()}\n          ${hiddenSelector.matches('payment-methods', true) ? '' : this.__renderPaymentMethods()}\n          ${hiddenSelector.matches('attributes', true) ? '' : this.__renderAttributes()}\n          ${tabs.length === 0 ? '' : this.__renderTabs(tabs)}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -1,17 +1,6 @@
-import { Graph, Rels } from '@foxy.io/sdk/customer';
-import { Templates as AddressCardTemplates } from '../AddressCard/types';
-import { Templates as AddressFormTemplates } from '../AddressForm/types';
-import { Templates as AttributeCardTemplates } from '../AttributeCard/types';
-import { Templates as AttributeFormTemplates } from '../AttributeForm/types';
-import { Customer } from './Customer';
-import { Templates as CustomerFormTemplates } from '../CustomerForm/types';
-import { Templates as PaymentMethodCardTemplates } from '../PaymentMethodCard/types';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
-import { Templates as SubscriptionFormTemplates } from '../SubscriptionForm/types';
-import { Templates as SubscriptionsTableTemplates } from '../SubscriptionsTable/types';
-import { TemplateResult } from 'lit-html';
-import { Templates as TransactionsTableTemplates } from '../TransactionsTable/types';
+import type { TemplateResult } from 'lit-html';
+import type { Graph, Rels } from '@foxy.io/sdk/customer';
+import type { Resource } from '@foxy.io/sdk/core';
 export declare type CustomerAddresses = Resource<Rels.CustomerAddresses>;
 export declare type Attributes = Resource<Rels.Attributes>;
 export declare type Settings = Resource<Rels.CustomerPortalSettings>;
@@ -20,166 +9,3 @@ export declare type Tab = {
     title: string;
     content: TemplateResult;
 };
-export declare type Templates = {
-    'header:before'?: Renderer<Customer>;
-    'header:after'?: Renderer<Customer>;
-    'header:actions:before'?: Renderer<Customer>;
-    'header:actions:after'?: Renderer<Customer>;
-    'header:actions:edit:before'?: Renderer<Customer>;
-    'header:actions:edit:after'?: Renderer<Customer>;
-    'header:actions:edit:form:first-name:before'?: CustomerFormTemplates['first-name:before'];
-    'header:actions:edit:form:first-name:after'?: CustomerFormTemplates['first-name:after'];
-    'header:actions:edit:form:last-name:before'?: CustomerFormTemplates['last-name:before'];
-    'header:actions:edit:form:last-name:after'?: CustomerFormTemplates['last-name:after'];
-    'header:actions:edit:form:email:before'?: CustomerFormTemplates['email:before'];
-    'header:actions:edit:form:email:after'?: CustomerFormTemplates['email:after'];
-    'header:actions:edit:form:tax-id:before'?: CustomerFormTemplates['tax-id:before'];
-    'header:actions:edit:form:tax-id:after'?: CustomerFormTemplates['tax-id:after'];
-    'header:actions:edit:form:timestamps:before'?: CustomerFormTemplates['timestamps:before'];
-    'header:actions:edit:form:timestamps:after'?: CustomerFormTemplates['timestamps:after'];
-    'header:actions:edit:form:delete:before'?: CustomerFormTemplates['delete:before'];
-    'header:actions:edit:form:delete:after'?: CustomerFormTemplates['delete:after'];
-    'header:actions:edit:form:create:before'?: CustomerFormTemplates['create:before'];
-    'header:actions:edit:form:create:after'?: CustomerFormTemplates['create:after'];
-    'default'?: Renderer<Customer>;
-    'addresses:before'?: Renderer<Customer>;
-    'addresses:after'?: Renderer<Customer>;
-    'addresses:actions:before'?: Renderer<Customer>;
-    'addresses:actions:after'?: Renderer<Customer>;
-    'addresses:actions:create:before'?: Renderer<Customer>;
-    'addresses:actions:create:after'?: Renderer<Customer>;
-    'addresses:actions:create:form:address-name:before'?: AddressFormTemplates['address-name:before'];
-    'addresses:actions:create:form:address-name:after'?: AddressFormTemplates['address-name:after'];
-    'addresses:actions:create:form:first-name:before'?: AddressFormTemplates['first-name:before'];
-    'addresses:actions:create:form:first-name:after'?: AddressFormTemplates['first-name:after'];
-    'addresses:actions:create:form:last-name:before'?: AddressFormTemplates['last-name:before'];
-    'addresses:actions:create:form:last-name:after'?: AddressFormTemplates['last-name:after'];
-    'addresses:actions:create:form:region:before'?: AddressFormTemplates['region:before'];
-    'addresses:actions:create:form:region:after'?: AddressFormTemplates['region:after'];
-    'addresses:actions:create:form:city:before'?: AddressFormTemplates['city:before'];
-    'addresses:actions:create:form:city:after'?: AddressFormTemplates['city:after'];
-    'addresses:actions:create:form:phone:before'?: AddressFormTemplates['phone:before'];
-    'addresses:actions:create:form:phone:after'?: AddressFormTemplates['phone:after'];
-    'addresses:actions:create:form:company:before'?: AddressFormTemplates['company:before'];
-    'addresses:actions:create:form:company:after'?: AddressFormTemplates['company:after'];
-    'addresses:actions:create:form:address-one:before'?: AddressFormTemplates['address-one:before'];
-    'addresses:actions:create:form:address-one:after'?: AddressFormTemplates['address-one:after'];
-    'addresses:actions:create:form:address-two:before'?: AddressFormTemplates['address-two:before'];
-    'addresses:actions:create:form:address-two:after'?: AddressFormTemplates['address-two:after'];
-    'addresses:actions:create:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];
-    'addresses:actions:create:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];
-    'addresses:actions:create:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];
-    'addresses:actions:create:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];
-    'addresses:actions:create:form:delete:before'?: AddressFormTemplates['delete:before'];
-    'addresses:actions:create:form:delete:after'?: AddressFormTemplates['delete:after'];
-    'addresses:actions:create:form:create:before'?: AddressFormTemplates['create:before'];
-    'addresses:actions:create:form:create:after'?: AddressFormTemplates['create:after'];
-    'addresses:list:before'?: Renderer<Customer>;
-    'addresses:list:after'?: Renderer<Customer>;
-    'addresses:list:card:address-name:before'?: AddressCardTemplates['address-name:before'];
-    'addresses:list:card:address-name:after'?: AddressCardTemplates['address-name:after'];
-    'addresses:list:card:full-name:before'?: AddressCardTemplates['full-name:before'];
-    'addresses:list:card:full-name:after'?: AddressCardTemplates['full-name:after'];
-    'addresses:list:card:full-address:before'?: AddressCardTemplates['full-address:before'];
-    'addresses:list:card:full-address:after'?: AddressCardTemplates['full-address:after'];
-    'addresses:list:card:company:before'?: AddressCardTemplates['company:before'];
-    'addresses:list:card:company:after'?: AddressCardTemplates['company:after'];
-    'addresses:list:card:phone:before'?: AddressCardTemplates['phone:before'];
-    'addresses:list:card:phone:after'?: AddressCardTemplates['phone:after'];
-    'addresses:list:form:address-name:before'?: AddressFormTemplates['address-name:before'];
-    'addresses:list:form:address-name:after'?: AddressFormTemplates['address-name:after'];
-    'addresses:list:form:first-name:before'?: AddressFormTemplates['first-name:before'];
-    'addresses:list:form:first-name:after'?: AddressFormTemplates['first-name:after'];
-    'addresses:list:form:last-name:before'?: AddressFormTemplates['last-name:before'];
-    'addresses:list:form:last-name:after'?: AddressFormTemplates['last-name:after'];
-    'addresses:list:form:region:before'?: AddressFormTemplates['region:before'];
-    'addresses:list:form:region:after'?: AddressFormTemplates['region:after'];
-    'addresses:list:form:city:before'?: AddressFormTemplates['city:before'];
-    'addresses:list:form:city:after'?: AddressFormTemplates['city:after'];
-    'addresses:list:form:phone:before'?: AddressFormTemplates['phone:before'];
-    'addresses:list:form:phone:after'?: AddressFormTemplates['phone:after'];
-    'addresses:list:form:company:before'?: AddressFormTemplates['company:before'];
-    'addresses:list:form:company:after'?: AddressFormTemplates['company:after'];
-    'addresses:list:form:address-one:before'?: AddressFormTemplates['address-one:before'];
-    'addresses:list:form:address-one:after'?: AddressFormTemplates['address-one:after'];
-    'addresses:list:form:address-two:before'?: AddressFormTemplates['address-two:before'];
-    'addresses:list:form:address-two:after'?: AddressFormTemplates['address-two:after'];
-    'addresses:list:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];
-    'addresses:list:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];
-    'addresses:list:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];
-    'addresses:list:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];
-    'addresses:list:form:delete:before'?: AddressFormTemplates['delete:before'];
-    'addresses:list:form:delete:after'?: AddressFormTemplates['delete:after'];
-    'addresses:list:form:create:before'?: AddressFormTemplates['create:before'];
-    'addresses:list:form:create:after'?: AddressFormTemplates['create:after'];
-    'payment-methods:before'?: Renderer<Customer>;
-    'payment-methods:after'?: Renderer<Customer>;
-    'payment-methods:list:before'?: Renderer<Customer>;
-    'payment-methods:list:after'?: Renderer<Customer>;
-    'payment-methods:list:card:actions:before'?: PaymentMethodCardTemplates['actions:before'];
-    'payment-methods:list:card:actions:after'?: PaymentMethodCardTemplates['actions:after'];
-    'payment-methods:list:card:actions:delete:before'?: PaymentMethodCardTemplates['actions:delete:before'];
-    'payment-methods:list:card:actions:delete:after'?: PaymentMethodCardTemplates['actions:delete:after'];
-    'attributes:before'?: Renderer<Customer>;
-    'attributes:after'?: Renderer<Customer>;
-    'attributes:actions:before'?: Renderer<Customer>;
-    'attributes:actions:after'?: Renderer<Customer>;
-    'attributes:actions:create:before'?: Renderer<Customer>;
-    'attributes:actions:create:after'?: Renderer<Customer>;
-    'attributes:actions:create:form:name:before'?: AttributeFormTemplates['name:before'];
-    'attributes:actions:create:form:name:after'?: AttributeFormTemplates['name:after'];
-    'attributes:actions:create:form:value:before'?: AttributeFormTemplates['value:before'];
-    'attributes:actions:create:form:value:after'?: AttributeFormTemplates['value:after'];
-    'attributes:actions:create:form:visibility:before'?: AttributeFormTemplates['visibility:before'];
-    'attributes:actions:create:form:visibility:after'?: AttributeFormTemplates['visibility:after'];
-    'attributes:actions:create:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];
-    'attributes:actions:create:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];
-    'attributes:actions:create:form:delete:before'?: AttributeFormTemplates['delete:before'];
-    'attributes:actions:create:form:delete:after'?: AttributeFormTemplates['delete:after'];
-    'attributes:actions:create:form:create:before'?: AttributeFormTemplates['create:before'];
-    'attributes:actions:create:form:create:after'?: AttributeFormTemplates['create:after'];
-    'attributes:list:before'?: Renderer<Customer>;
-    'attributes:list:after'?: Renderer<Customer>;
-    'attributes:list:card:name:before'?: AttributeCardTemplates['name:before'];
-    'attributes:list:card:name:after'?: AttributeCardTemplates['name:after'];
-    'attributes:list:card:value:before'?: AttributeCardTemplates['value:before'];
-    'attributes:list:card:value:after'?: AttributeCardTemplates['value:after'];
-    'attributes:list:form:name:before'?: AttributeFormTemplates['name:before'];
-    'attributes:list:form:name:after'?: AttributeFormTemplates['name:after'];
-    'attributes:list:form:value:before'?: AttributeFormTemplates['value:before'];
-    'attributes:list:form:value:after'?: AttributeFormTemplates['value:after'];
-    'attributes:list:form:visibility:before'?: AttributeFormTemplates['visibility:before'];
-    'attributes:list:form:visibility:after'?: AttributeFormTemplates['visibility:after'];
-    'attributes:list:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];
-    'attributes:list:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];
-    'attributes:list:form:delete:before'?: AttributeFormTemplates['delete:before'];
-    'attributes:list:form:delete:after'?: AttributeFormTemplates['delete:after'];
-    'attributes:list:form:create:before'?: AttributeFormTemplates['create:before'];
-    'attributes:list:form:create:after'?: AttributeFormTemplates['create:after'];
-    'transactions:before'?: Renderer<Customer>;
-    'transactions:after'?: Renderer<Customer>;
-    'transactions:table:default'?: Renderer<TransactionsTableTemplates['default']>;
-    'subscriptions:before'?: Renderer<Customer>;
-    'subscriptions:after'?: Renderer<Customer>;
-    'subscriptions:form:header:before'?: SubscriptionFormTemplates['header:before'];
-    'subscriptions:form:header:after'?: SubscriptionFormTemplates['header:after'];
-    'subscriptions:form:items:before'?: SubscriptionFormTemplates['items:before'];
-    'subscriptions:form:items:after'?: SubscriptionFormTemplates['items:after'];
-    'subscriptions:form:items:actions:before'?: SubscriptionFormTemplates['items:actions:before'];
-    'subscriptions:form:items:actions:after'?: SubscriptionFormTemplates['items:actions:after'];
-    'subscriptions:form:end-date:before'?: SubscriptionFormTemplates['end-date:before'];
-    'subscriptions:form:end-date:after'?: SubscriptionFormTemplates['end-date:after'];
-    'subscriptions:form:end-date:form:warning:before'?: SubscriptionFormTemplates['end-date:form:warning:before'];
-    'subscriptions:form:end-date:form:warning:after'?: SubscriptionFormTemplates['end-date:form:warning:after'];
-    'subscriptions:form:end-date:form:end-date:before'?: SubscriptionFormTemplates['end-date:form:end-date:before'];
-    'subscriptions:form:end-date:form:end-date:after'?: SubscriptionFormTemplates['end-date:form:end-date:after'];
-    'subscriptions:form:end-date:form:submit:before'?: SubscriptionFormTemplates['end-date:form:submit:before'];
-    'subscriptions:form:end-date:form:submit:after'?: SubscriptionFormTemplates['end-date:form:submit:after'];
-    'subscriptions:form:next-transaction-date:before'?: SubscriptionFormTemplates['next-transaction-date:before'];
-    'subscriptions:form:next-transaction-date:after'?: SubscriptionFormTemplates['next-transaction-date:after'];
-    'subscriptions:form:frequency:before'?: SubscriptionFormTemplates['frequency:before'];
-    'subscriptions:form:frequency:after'?: SubscriptionFormTemplates['frequency:after'];
-    'subscriptions:form:transactions:before'?: SubscriptionFormTemplates['transactions:before'];
-    'subscriptions:form:transactions:after'?: SubscriptionFormTemplates['transactions:after'];
-    'subscriptions:table:default'?: Renderer<SubscriptionsTableTemplates['default']>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Graph, Rels } from '@foxy.io/sdk/customer';\n\nimport { Templates as AddressCardTemplates } from '../AddressCard/types';\nimport { Templates as AddressFormTemplates } from '../AddressForm/types';\nimport { Templates as AttributeCardTemplates } from '../AttributeCard/types';\nimport { Templates as AttributeFormTemplates } from '../AttributeForm/types';\nimport { Customer } from './Customer';\nimport { Templates as CustomerFormTemplates } from '../CustomerForm/types';\nimport { Templates as PaymentMethodCardTemplates } from '../PaymentMethodCard/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Templates as SubscriptionFormTemplates } from '../SubscriptionForm/types';\nimport { Templates as SubscriptionsTableTemplates } from '../SubscriptionsTable/types';\nimport { TemplateResult } from 'lit-html';\nimport { Templates as TransactionsTableTemplates } from '../TransactionsTable/types';\n\nexport type CustomerAddresses = Resource<Rels.CustomerAddresses>;\nexport type Attributes = Resource<Rels.Attributes>;\nexport type Settings = Resource<Rels.CustomerPortalSettings>;\nexport type Data = Resource<Graph>;\nexport type Tab = { title: string; content: TemplateResult };\n\nexport type Templates = {\n  'header:before'?: Renderer<Customer>;\n  'header:after'?: Renderer<Customer>;\n  'header:actions:before'?: Renderer<Customer>;\n  'header:actions:after'?: Renderer<Customer>;\n  'header:actions:edit:before'?: Renderer<Customer>;\n  'header:actions:edit:after'?: Renderer<Customer>;\n  'header:actions:edit:form:first-name:before'?: CustomerFormTemplates['first-name:before'];\n  'header:actions:edit:form:first-name:after'?: CustomerFormTemplates['first-name:after'];\n  'header:actions:edit:form:last-name:before'?: CustomerFormTemplates['last-name:before'];\n  'header:actions:edit:form:last-name:after'?: CustomerFormTemplates['last-name:after'];\n  'header:actions:edit:form:email:before'?: CustomerFormTemplates['email:before'];\n  'header:actions:edit:form:email:after'?: CustomerFormTemplates['email:after'];\n  'header:actions:edit:form:tax-id:before'?: CustomerFormTemplates['tax-id:before'];\n  'header:actions:edit:form:tax-id:after'?: CustomerFormTemplates['tax-id:after'];\n  'header:actions:edit:form:timestamps:before'?: CustomerFormTemplates['timestamps:before'];\n  'header:actions:edit:form:timestamps:after'?: CustomerFormTemplates['timestamps:after'];\n  'header:actions:edit:form:delete:before'?: CustomerFormTemplates['delete:before'];\n  'header:actions:edit:form:delete:after'?: CustomerFormTemplates['delete:after'];\n  'header:actions:edit:form:create:before'?: CustomerFormTemplates['create:before'];\n  'header:actions:edit:form:create:after'?: CustomerFormTemplates['create:after'];\n  'default'?: Renderer<Customer>;\n  'addresses:before'?: Renderer<Customer>;\n  'addresses:after'?: Renderer<Customer>;\n  'addresses:actions:before'?: Renderer<Customer>;\n  'addresses:actions:after'?: Renderer<Customer>;\n  'addresses:actions:create:before'?: Renderer<Customer>;\n  'addresses:actions:create:after'?: Renderer<Customer>;\n  'addresses:actions:create:form:address-name:before'?: AddressFormTemplates['address-name:before'];\n  'addresses:actions:create:form:address-name:after'?: AddressFormTemplates['address-name:after'];\n  'addresses:actions:create:form:first-name:before'?: AddressFormTemplates['first-name:before'];\n  'addresses:actions:create:form:first-name:after'?: AddressFormTemplates['first-name:after'];\n  'addresses:actions:create:form:last-name:before'?: AddressFormTemplates['last-name:before'];\n  'addresses:actions:create:form:last-name:after'?: AddressFormTemplates['last-name:after'];\n  'addresses:actions:create:form:region:before'?: AddressFormTemplates['region:before'];\n  'addresses:actions:create:form:region:after'?: AddressFormTemplates['region:after'];\n  'addresses:actions:create:form:city:before'?: AddressFormTemplates['city:before'];\n  'addresses:actions:create:form:city:after'?: AddressFormTemplates['city:after'];\n  'addresses:actions:create:form:phone:before'?: AddressFormTemplates['phone:before'];\n  'addresses:actions:create:form:phone:after'?: AddressFormTemplates['phone:after'];\n  'addresses:actions:create:form:company:before'?: AddressFormTemplates['company:before'];\n  'addresses:actions:create:form:company:after'?: AddressFormTemplates['company:after'];\n  'addresses:actions:create:form:address-one:before'?: AddressFormTemplates['address-one:before'];\n  'addresses:actions:create:form:address-one:after'?: AddressFormTemplates['address-one:after'];\n  'addresses:actions:create:form:address-two:before'?: AddressFormTemplates['address-two:before'];\n  'addresses:actions:create:form:address-two:after'?: AddressFormTemplates['address-two:after'];\n  'addresses:actions:create:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];\n  'addresses:actions:create:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];\n  'addresses:actions:create:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];\n  'addresses:actions:create:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];\n  'addresses:actions:create:form:delete:before'?: AddressFormTemplates['delete:before'];\n  'addresses:actions:create:form:delete:after'?: AddressFormTemplates['delete:after'];\n  'addresses:actions:create:form:create:before'?: AddressFormTemplates['create:before'];\n  'addresses:actions:create:form:create:after'?: AddressFormTemplates['create:after'];\n  'addresses:list:before'?: Renderer<Customer>;\n  'addresses:list:after'?: Renderer<Customer>;\n  'addresses:list:card:address-name:before'?: AddressCardTemplates['address-name:before'];\n  'addresses:list:card:address-name:after'?: AddressCardTemplates['address-name:after'];\n  'addresses:list:card:full-name:before'?: AddressCardTemplates['full-name:before'];\n  'addresses:list:card:full-name:after'?: AddressCardTemplates['full-name:after'];\n  'addresses:list:card:full-address:before'?: AddressCardTemplates['full-address:before'];\n  'addresses:list:card:full-address:after'?: AddressCardTemplates['full-address:after'];\n  'addresses:list:card:company:before'?: AddressCardTemplates['company:before'];\n  'addresses:list:card:company:after'?: AddressCardTemplates['company:after'];\n  'addresses:list:card:phone:before'?: AddressCardTemplates['phone:before'];\n  'addresses:list:card:phone:after'?: AddressCardTemplates['phone:after'];\n  'addresses:list:form:address-name:before'?: AddressFormTemplates['address-name:before'];\n  'addresses:list:form:address-name:after'?: AddressFormTemplates['address-name:after'];\n  'addresses:list:form:first-name:before'?: AddressFormTemplates['first-name:before'];\n  'addresses:list:form:first-name:after'?: AddressFormTemplates['first-name:after'];\n  'addresses:list:form:last-name:before'?: AddressFormTemplates['last-name:before'];\n  'addresses:list:form:last-name:after'?: AddressFormTemplates['last-name:after'];\n  'addresses:list:form:region:before'?: AddressFormTemplates['region:before'];\n  'addresses:list:form:region:after'?: AddressFormTemplates['region:after'];\n  'addresses:list:form:city:before'?: AddressFormTemplates['city:before'];\n  'addresses:list:form:city:after'?: AddressFormTemplates['city:after'];\n  'addresses:list:form:phone:before'?: AddressFormTemplates['phone:before'];\n  'addresses:list:form:phone:after'?: AddressFormTemplates['phone:after'];\n  'addresses:list:form:company:before'?: AddressFormTemplates['company:before'];\n  'addresses:list:form:company:after'?: AddressFormTemplates['company:after'];\n  'addresses:list:form:address-one:before'?: AddressFormTemplates['address-one:before'];\n  'addresses:list:form:address-one:after'?: AddressFormTemplates['address-one:after'];\n  'addresses:list:form:address-two:before'?: AddressFormTemplates['address-two:before'];\n  'addresses:list:form:address-two:after'?: AddressFormTemplates['address-two:after'];\n  'addresses:list:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];\n  'addresses:list:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];\n  'addresses:list:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];\n  'addresses:list:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];\n  'addresses:list:form:delete:before'?: AddressFormTemplates['delete:before'];\n  'addresses:list:form:delete:after'?: AddressFormTemplates['delete:after'];\n  'addresses:list:form:create:before'?: AddressFormTemplates['create:before'];\n  'addresses:list:form:create:after'?: AddressFormTemplates['create:after'];\n  'payment-methods:before'?: Renderer<Customer>;\n  'payment-methods:after'?: Renderer<Customer>;\n  'payment-methods:list:before'?: Renderer<Customer>;\n  'payment-methods:list:after'?: Renderer<Customer>;\n  'payment-methods:list:card:actions:before'?: PaymentMethodCardTemplates['actions:before'];\n  'payment-methods:list:card:actions:after'?: PaymentMethodCardTemplates['actions:after'];\n  'payment-methods:list:card:actions:delete:before'?: PaymentMethodCardTemplates['actions:delete:before'];\n  'payment-methods:list:card:actions:delete:after'?: PaymentMethodCardTemplates['actions:delete:after'];\n  'attributes:before'?: Renderer<Customer>;\n  'attributes:after'?: Renderer<Customer>;\n  'attributes:actions:before'?: Renderer<Customer>;\n  'attributes:actions:after'?: Renderer<Customer>;\n  'attributes:actions:create:before'?: Renderer<Customer>;\n  'attributes:actions:create:after'?: Renderer<Customer>;\n  'attributes:actions:create:form:name:before'?: AttributeFormTemplates['name:before'];\n  'attributes:actions:create:form:name:after'?: AttributeFormTemplates['name:after'];\n  'attributes:actions:create:form:value:before'?: AttributeFormTemplates['value:before'];\n  'attributes:actions:create:form:value:after'?: AttributeFormTemplates['value:after'];\n  'attributes:actions:create:form:visibility:before'?: AttributeFormTemplates['visibility:before'];\n  'attributes:actions:create:form:visibility:after'?: AttributeFormTemplates['visibility:after'];\n  'attributes:actions:create:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];\n  'attributes:actions:create:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];\n  'attributes:actions:create:form:delete:before'?: AttributeFormTemplates['delete:before'];\n  'attributes:actions:create:form:delete:after'?: AttributeFormTemplates['delete:after'];\n  'attributes:actions:create:form:create:before'?: AttributeFormTemplates['create:before'];\n  'attributes:actions:create:form:create:after'?: AttributeFormTemplates['create:after'];\n  'attributes:list:before'?: Renderer<Customer>;\n  'attributes:list:after'?: Renderer<Customer>;\n  'attributes:list:card:name:before'?: AttributeCardTemplates['name:before'];\n  'attributes:list:card:name:after'?: AttributeCardTemplates['name:after'];\n  'attributes:list:card:value:before'?: AttributeCardTemplates['value:before'];\n  'attributes:list:card:value:after'?: AttributeCardTemplates['value:after'];\n  'attributes:list:form:name:before'?: AttributeFormTemplates['name:before'];\n  'attributes:list:form:name:after'?: AttributeFormTemplates['name:after'];\n  'attributes:list:form:value:before'?: AttributeFormTemplates['value:before'];\n  'attributes:list:form:value:after'?: AttributeFormTemplates['value:after'];\n  'attributes:list:form:visibility:before'?: AttributeFormTemplates['visibility:before'];\n  'attributes:list:form:visibility:after'?: AttributeFormTemplates['visibility:after'];\n  'attributes:list:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];\n  'attributes:list:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];\n  'attributes:list:form:delete:before'?: AttributeFormTemplates['delete:before'];\n  'attributes:list:form:delete:after'?: AttributeFormTemplates['delete:after'];\n  'attributes:list:form:create:before'?: AttributeFormTemplates['create:before'];\n  'attributes:list:form:create:after'?: AttributeFormTemplates['create:after'];\n  'transactions:before'?: Renderer<Customer>;\n  'transactions:after'?: Renderer<Customer>;\n  'transactions:table:default'?: Renderer<TransactionsTableTemplates['default']>;\n  'subscriptions:before'?: Renderer<Customer>;\n  'subscriptions:after'?: Renderer<Customer>;\n  'subscriptions:form:header:before'?: SubscriptionFormTemplates['header:before'];\n  'subscriptions:form:header:after'?: SubscriptionFormTemplates['header:after'];\n  'subscriptions:form:items:before'?: SubscriptionFormTemplates['items:before'];\n  'subscriptions:form:items:after'?: SubscriptionFormTemplates['items:after'];\n  'subscriptions:form:items:actions:before'?: SubscriptionFormTemplates['items:actions:before'];\n  'subscriptions:form:items:actions:after'?: SubscriptionFormTemplates['items:actions:after'];\n  'subscriptions:form:end-date:before'?: SubscriptionFormTemplates['end-date:before'];\n  'subscriptions:form:end-date:after'?: SubscriptionFormTemplates['end-date:after'];\n  'subscriptions:form:end-date:form:warning:before'?: SubscriptionFormTemplates['end-date:form:warning:before'];\n  'subscriptions:form:end-date:form:warning:after'?: SubscriptionFormTemplates['end-date:form:warning:after'];\n  'subscriptions:form:end-date:form:end-date:before'?: SubscriptionFormTemplates['end-date:form:end-date:before'];\n  'subscriptions:form:end-date:form:end-date:after'?: SubscriptionFormTemplates['end-date:form:end-date:after'];\n  'subscriptions:form:end-date:form:submit:before'?: SubscriptionFormTemplates['end-date:form:submit:before'];\n  'subscriptions:form:end-date:form:submit:after'?: SubscriptionFormTemplates['end-date:form:submit:after'];\n  'subscriptions:form:next-transaction-date:before'?: SubscriptionFormTemplates['next-transaction-date:before'];\n  'subscriptions:form:next-transaction-date:after'?: SubscriptionFormTemplates['next-transaction-date:after'];\n  'subscriptions:form:frequency:before'?: SubscriptionFormTemplates['frequency:before'];\n  'subscriptions:form:frequency:after'?: SubscriptionFormTemplates['frequency:after'];\n  'subscriptions:form:transactions:before'?: SubscriptionFormTemplates['transactions:before'];\n  'subscriptions:form:transactions:after'?: SubscriptionFormTemplates['transactions:after'];\n  'subscriptions:table:default'?: Renderer<SubscriptionsTableTemplates['default']>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Graph, Rels } from '@foxy.io/sdk/customer';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type CustomerAddresses = Resource<Rels.CustomerAddresses>;\nexport type Attributes = Resource<Rels.Attributes>;\nexport type Settings = Resource<Rels.CustomerPortalSettings>;\nexport type Data = Resource<Graph>;\nexport type Tab = { title: string; content: TemplateResult };\n"]}

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

@@ -1,4 +1,4 @@
-import { Data, Templates } from './types';
+import { Data } 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> & {
@@ -9,16 +9,10 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 /**
  * Basic card displaying a customer record.
  *
- * @slot name:before
- * @slot name:after
- * @slot email:before
- * @slot email:after
- *
  * @element foxy-customer-card
  * @since 1.12.0
  */
 declare class CustomerCard extends Base<Data> {
-    templates: Templates;
     render(): TemplateResult;
     private __renderName;
     private __renderEmail;

package/dist/elements/public/CustomerCard/CustomerCard.js

@@ -9,19 +9,10 @@ const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement,
 /**
  * Basic card displaying a customer record.
  *
- * @slot name:before
- * @slot name:after
- * @slot email:before
- * @slot email:after
- *
  * @element foxy-customer-card
  * @since 1.12.0
  */
 class CustomerCard extends Base {
-    constructor() {
-        super(...arguments);
-        this.templates = {};
-    }
     render() {
         var _a, _b;
         const hiddenSelector = this.hiddenSelector;