@foxy.io/elements 1.15.0-beta.8 → 1.16.0-beta.10

package/dist/elements/public/CouponForm/private/CategoryRestrictionsPageItem.js

@@ -4,9 +4,9 @@ import { ConfigurableMixin } from "../../../../mixins/configurable.js";
 import { NucleonElement } from "../../NucleonElement/NucleonElement.js";
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { ThemeableMixin } from "../../../../mixins/themeable.js";
-import { TranslatableMixin } from "../../../../mixins/translatable.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-export class CategoryRestrictionsPageItem extends ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(TranslatableMixin(NucleonElement)))) {
+const Base = ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(NucleonElement)));
+export class CategoryRestrictionsPageItem extends Base {
     constructor() {
         super(...arguments);
         this.itemCategory = '';
@@ -33,13 +33,12 @@ export class CategoryRestrictionsPageItem extends ConfigurableMixin(ScopedElemen
         return html `
       <x-category-restrictions-page-item-content
         item-category=${this.itemCategory}
+        data-testid="content"
         coupon=${this.coupon}
         parent=${ifDefined(parent)}
         class="h-full"
         group=${this.group}
         href=${ifDefined(href)}
-        lang=${this.lang}
-        ns=${this.ns}
         ?disabled=${!this.in('idle') || this.disabled}
         ?readonly=${this.readonly}
       >

package/dist/elements/public/CouponForm/private/CategoryRestrictionsPageItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryRestrictionsPageItem.js","sourceRoot":"","sources":["../../../../../src/elements/public/CouponForm/private/CategoryRestrictionsPageItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,mCAAmC,EAAE,iDAA8C;AAC5F,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AACpE,OAAO,EAAE,cAAc,EAAE,+CAA4C;AAKrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,wCAAqC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,OAAO,4BAA6B,SAAQ,iBAAiB,CACjE,mBAAmB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAClC;IAFtC;;QAkBE,iBAAY,GAAG,EAAE,CAAC;QAElB,WAAM,GAAG,EAAE,CAAC;IAwBd,CAAC;IAzCC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,2CAA2C,EAAE,mCAAmC;SACjF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;YAC1D,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAMD,MAAM;;QACJ,MAAM,QAAQ,SAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,2BAA2B,EAAE,CAAC,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,YAAY;iBACxB,IAAI,CAAC,MAAM;iBACX,SAAS,CAAC,MAAM,CAAC;;gBAElB,IAAI,CAAC,KAAK;eACX,SAAS,CAAC,IAAI,CAAC;eACf,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;oBACA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;oBACjC,IAAI,CAAC,QAAQ;;;;KAI5B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { CategoryRestrictionsPageItemContent } from './CategoryRestrictionsPageItemContent';\nimport { ConfigurableMixin } from '../../../../mixins/configurable';\nimport { NucleonElement } from '../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements/src/types';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ThemeableMixin } from '../../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../../mixins/translatable';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport class CategoryRestrictionsPageItem extends ConfigurableMixin(\n  ScopedElementsMixin(ThemeableMixin(TranslatableMixin(NucleonElement)))\n)<Resource<Rels.CouponItemCategories>> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'x-category-restrictions-page-item-content': CategoryRestrictionsPageItemContent,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemCategory: { type: String, attribute: 'item-category' },\n      coupon: { type: String },\n    };\n  }\n\n  itemCategory = '';\n\n  coupon = '';\n\n  render(): TemplateResult {\n    const category = this.data?._embedded['fx:coupon_item_categories'][0];\n    const parent = category ? undefined : this.href;\n    const href = category ? category._links.self.href : undefined;\n\n    return html`\n      <x-category-restrictions-page-item-content\n        item-category=${this.itemCategory}\n        coupon=${this.coupon}\n        parent=${ifDefined(parent)}\n        class=\"h-full\"\n        group=${this.group}\n        href=${ifDefined(href)}\n        lang=${this.lang}\n        ns=${this.ns}\n        ?disabled=${!this.in('idle') || this.disabled}\n        ?readonly=${this.readonly}\n      >\n        <slot></slot>\n      </x-category-restrictions-page-item-content>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CategoryRestrictionsPageItem.js","sourceRoot":"","sources":["../../../../../src/elements/public/CouponForm/private/CategoryRestrictionsPageItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,mCAAmC,EAAE,iDAA8C;AAC5F,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AACpE,OAAO,EAAE,cAAc,EAAE,+CAA4C;AAKrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,wCAAqC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAG3D,MAAM,IAAI,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAEpF,MAAM,OAAO,4BAA6B,SAAQ,IAAU;IAA5D;;QAgBE,iBAAY,GAAG,EAAE,CAAC;QAElB,WAAM,GAAG,EAAE,CAAC;IAuBd,CAAC;IAxCC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,2CAA2C,EAAE,mCAAmC;SACjF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;YAC1D,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAMD,MAAM;;QACJ,MAAM,QAAQ,SAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,2BAA2B,EAAE,CAAC,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,YAAY;;iBAExB,IAAI,CAAC,MAAM;iBACX,SAAS,CAAC,MAAM,CAAC;;gBAElB,IAAI,CAAC,KAAK;eACX,SAAS,CAAC,IAAI,CAAC;oBACV,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;oBACjC,IAAI,CAAC,QAAQ;;;;KAI5B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { CategoryRestrictionsPageItemContent } from './CategoryRestrictionsPageItemContent';\nimport { ConfigurableMixin } from '../../../../mixins/configurable';\nimport { NucleonElement } from '../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements/src/types';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ThemeableMixin } from '../../../../mixins/themeable';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\ntype Data = Resource<Rels.CouponItemCategories>;\nconst Base = ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(NucleonElement)));\n\nexport class CategoryRestrictionsPageItem extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'x-category-restrictions-page-item-content': CategoryRestrictionsPageItemContent,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemCategory: { type: String, attribute: 'item-category' },\n      coupon: { type: String },\n    };\n  }\n\n  itemCategory = '';\n\n  coupon = '';\n\n  render(): TemplateResult {\n    const category = this.data?._embedded['fx:coupon_item_categories'][0];\n    const parent = category ? undefined : this.href;\n    const href = category ? category._links.self.href : undefined;\n\n    return html`\n      <x-category-restrictions-page-item-content\n        item-category=${this.itemCategory}\n        data-testid=\"content\"\n        coupon=${this.coupon}\n        parent=${ifDefined(parent)}\n        class=\"h-full\"\n        group=${this.group}\n        href=${ifDefined(href)}\n        ?disabled=${!this.in('idle') || this.disabled}\n        ?readonly=${this.readonly}\n      >\n        <slot></slot>\n      </x-category-restrictions-page-item-content>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CouponForm/private/CategoryRestrictionsPageItemContent.d.ts

@@ -4,12 +4,11 @@ import { NucleonElement } from '../../NucleonElement/NucleonElement';
 import { PropertyDeclarations } from 'lit-element';
 import { Rels } from '@foxy.io/sdk/backend';
 import { Resource } from '@foxy.io/sdk/core';
-declare const CategoryRestrictionsPageItemContent_base: typeof NucleonElement & import("lit-element").Constructor<import("../../../../mixins/translatable").TranslatableMixinHost> & {
-    defaultNS: string;
-} & {
+declare type Data = Resource<Rels.CouponItemCategory>;
+declare const Base: typeof NucleonElement & {
     styles: import("lit-element").CSSResultArray;
 } & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & import("lit-element").Constructor<import("../../../../mixins/configurable").ConfigurableMixinHost>;
-export declare class CategoryRestrictionsPageItemContent extends CategoryRestrictionsPageItemContent_base<Resource<Rels.CouponItemCategory>> {
+export declare class CategoryRestrictionsPageItemContent extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;
     itemCategory: string;

package/dist/elements/public/CouponForm/private/CategoryRestrictionsPageItemContent.js

@@ -4,8 +4,8 @@ import { Checkbox } from "../../../private/Checkbox/Checkbox.js";
 import { ConfigurableMixin } from "../../../../mixins/configurable.js";
 import { NucleonElement } from "../../NucleonElement/NucleonElement.js";
 import { ThemeableMixin } from "../../../../mixins/themeable.js";
-import { TranslatableMixin } from "../../../../mixins/translatable.js";
-export class CategoryRestrictionsPageItemContent extends ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(TranslatableMixin(NucleonElement)))) {
+const Base = ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(NucleonElement)));
+export class CategoryRestrictionsPageItemContent extends Base {
     constructor() {
         super(...arguments);
         this.itemCategory = '';
@@ -27,6 +27,7 @@ export class CategoryRestrictionsPageItemContent extends ConfigurableMixin(Scope
         return html `
       <div class="h-full flex items-center">
         <x-checkbox
+          data-testid="checkbox"
           ?disabled=${!this.in('idle') || this.disabled}
           ?readonly=${this.readonly}
           ?checked=${!!this.data}

package/dist/elements/public/CouponForm/private/CategoryRestrictionsPageItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryRestrictionsPageItemContent.js","sourceRoot":"","sources":["../../../../../src/elements/public/CouponForm/private/CategoryRestrictionsPageItemContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,8CAA2C;AAE9D,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AACpE,OAAO,EAAE,cAAc,EAAE,+CAA4C;AAIrE,OAAO,EAAE,cAAc,EAAE,wCAAqC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AAEpE,MAAM,OAAO,mCAAoC,SAAQ,iBAAiB,CACxE,mBAAmB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CACpC;IAFpC;;QAiBE,iBAAY,GAAG,EAAE,CAAC;QAElB,WAAM,GAAG,EAAE,CAAC;IA2Bd,CAAC;IA3CC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,YAAY,EAAE,QAAQ;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;YAC1D,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;;sBAGO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;sBACjC,IAAI,CAAC,QAAQ;qBACd,CAAC,CAAC,IAAI,CAAC,IAAI;oBACZ,CAAC,GAAwB,EAAE,EAAE;YACrC,IAAI,GAAG,CAAC,MAAM,EAAE;gBACd,IAAI,CAAC,IAAI,CAAC;oBACR,iBAAiB,EAAE,IAAI,CAAC,YAAY;oBACpC,UAAU,EAAE,IAAI,CAAC,MAAM;iBACxB,CAAC,CAAC;gBAEH,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;iBAAM;gBACL,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;QACH,CAAC;;;;;KAKN,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Checkbox } from '../../../private/Checkbox/Checkbox';\nimport { CheckboxChangeEvent } from '../../../private/events';\nimport { ConfigurableMixin } from '../../../../mixins/configurable';\nimport { NucleonElement } from '../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../../mixins/translatable';\n\nexport class CategoryRestrictionsPageItemContent extends ConfigurableMixin(\n  ScopedElementsMixin(ThemeableMixin(TranslatableMixin(NucleonElement)))\n)<Resource<Rels.CouponItemCategory>> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-checkbox': Checkbox,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemCategory: { type: String, attribute: 'item-category' },\n      coupon: { type: String },\n    };\n  }\n\n  itemCategory = '';\n\n  coupon = '';\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"h-full flex items-center\">\n        <x-checkbox\n          ?disabled=${!this.in('idle') || this.disabled}\n          ?readonly=${this.readonly}\n          ?checked=${!!this.data}\n          @change=${(evt: CheckboxChangeEvent) => {\n            if (evt.detail) {\n              this.edit({\n                item_category_uri: this.itemCategory,\n                coupon_uri: this.coupon,\n              });\n\n              this.submit();\n            } else {\n              this.delete();\n            }\n          }}\n        >\n          <slot></slot>\n        </x-checkbox>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CategoryRestrictionsPageItemContent.js","sourceRoot":"","sources":["../../../../../src/elements/public/CouponForm/private/CategoryRestrictionsPageItemContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,8CAA2C;AAE9D,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AACpE,OAAO,EAAE,cAAc,EAAE,+CAA4C;AAIrE,OAAO,EAAE,cAAc,EAAE,wCAAqC;AAG9D,MAAM,IAAI,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAEpF,MAAM,OAAO,mCAAoC,SAAQ,IAAU;IAAnE;;QAeE,iBAAY,GAAG,EAAE,CAAC;QAElB,WAAM,GAAG,EAAE,CAAC;IA4Bd,CAAC;IA5CC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,YAAY,EAAE,QAAQ;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;YAC1D,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;sBAIO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;sBACjC,IAAI,CAAC,QAAQ;qBACd,CAAC,CAAC,IAAI,CAAC,IAAI;oBACZ,CAAC,GAAwB,EAAE,EAAE;YACrC,IAAI,GAAG,CAAC,MAAM,EAAE;gBACd,IAAI,CAAC,IAAI,CAAC;oBACR,iBAAiB,EAAE,IAAI,CAAC,YAAY;oBACpC,UAAU,EAAE,IAAI,CAAC,MAAM;iBACxB,CAAC,CAAC;gBAEH,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;iBAAM;gBACL,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;QACH,CAAC;;;;;KAKN,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Checkbox } from '../../../private/Checkbox/Checkbox';\nimport { CheckboxChangeEvent } from '../../../private/events';\nimport { ConfigurableMixin } from '../../../../mixins/configurable';\nimport { NucleonElement } from '../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../../mixins/themeable';\n\ntype Data = Resource<Rels.CouponItemCategory>;\nconst Base = ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(NucleonElement)));\n\nexport class CategoryRestrictionsPageItemContent extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-checkbox': Checkbox,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemCategory: { type: String, attribute: 'item-category' },\n      coupon: { type: String },\n    };\n  }\n\n  itemCategory = '';\n\n  coupon = '';\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"h-full flex items-center\">\n        <x-checkbox\n          data-testid=\"checkbox\"\n          ?disabled=${!this.in('idle') || this.disabled}\n          ?readonly=${this.readonly}\n          ?checked=${!!this.data}\n          @change=${(evt: CheckboxChangeEvent) => {\n            if (evt.detail) {\n              this.edit({\n                item_category_uri: this.itemCategory,\n                coupon_uri: this.coupon,\n              });\n\n              this.submit();\n            } else {\n              this.delete();\n            }\n          }}\n        >\n          <slot></slot>\n        </x-checkbox>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CustomFieldForm/CustomFieldForm.js

@@ -171,6 +171,7 @@ export class CustomFieldForm extends Base {
         ];
     }
     render() {
+        var _a, _b;
         const { hiddenSelector, data, lang, ns } = this;
         const isBusy = this.in('busy');
         const isFail = this.in('fail');
@@ -211,7 +212,7 @@ export class CustomFieldForm extends Base {
             class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
             state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}
             lang=${lang}
-            ns=${ns}
+            ns="${ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
           >
           </foxy-spinner>
         </div>

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldForm/CustomFieldForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates, TextFieldParams } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/index';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport memoize from 'lodash-es/memoize';\n\nconst NS = 'custom-field-form';\nconst Base = TranslatableMixin(\n  ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(NucleonElement))),\n  NS\n);\n\n/**\n * Form element for creating or editing custom fields.\n *\n * @slot name:before\n * @slot name:after\n * @slot value:before\n * @slot value:after\n * @slot visibility:before\n * @slot visibility:after\n * @slot timestamps:before\n * @slot timestamps:after\n * @slot create:before\n * @slot create:after\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-custom-field-form\n * @since 1.11.0\n */\nexport class CustomFieldForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-checkbox': customElements.get('vaadin-checkbox'),\n      'x-property-table': PropertyTable,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ value }) => (value && value.length > 0) || 'value_required',\n      ({ value }) => (value && value.length <= 1000) || 'value_too_long',\n      ({ name }) => (name && name.length > 0) || 'name_required',\n      ({ name }) => (name && name.length <= 500) || 'name_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __getValidator = memoize((prefix: string) => () => {\n    return !this.errors.some(err => err.startsWith(prefix));\n  });\n\n  private readonly __bindField = memoize((key: keyof Data) => {\n    return (evt: CustomEvent) => {\n      const target = evt.target as HTMLInputElement;\n      this.edit({ [key]: target.value });\n    };\n  });\n\n  private readonly __maybeRenderTextField = ({ field }: TextFieldParams) => {\n    const bsid = field.replace(/_/, '-');\n    if (this.hiddenSelector.matches(bsid)) return '';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${bsid}:before`)}\n\n        <vaadin-text-field\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${field}\n          .checkValidity=${this.__getValidator(field)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(bsid)}\n          ?readonly=${this.readonlySelector.matches(bsid)}\n          @input=${this.__bindField(field)}\n          @keydown=${this.__handleKeyDown}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot(`${bsid}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderVisibility = () => {\n    const { disabledSelector, form, lang, ns } = this;\n    const isDisabled = !this.in('idle') || disabledSelector.matches('visibility', true);\n\n    return html`\n      <div data-testid=\"visibility\">\n        ${this.renderTemplateOrSlot('visibility:before')}\n\n        <vaadin-checkbox\n          ?disabled=${isDisabled}\n          ?checked=${!form.is_hidden}\n          @change=${(evt: CustomEvent) => {\n            const checkbox = evt.currentTarget as CheckboxElement;\n            this.edit({ is_hidden: !checkbox.checked });\n          }}\n        >\n          <foxy-i18n lang=${lang} key=\"show_on_receipt\" ns=${ns}></foxy-i18n>\n        </vaadin-checkbox>\n\n        ${this.renderTemplateOrSlot('visibility:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderTimestamps = () => {\n    const items = (['date_modified', 'date_created'] as const).map(field => ({\n      name: this.t(field),\n      value: this.data?.[field]\n        ? this.t('date', { value: new Date(this.data[field] as string) })\n        : '',\n    }));\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n        <x-property-table .items=${items} data-testid=\"timestamps\"></x-property-table>\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderDelete = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          class=\"w-full\"\n          data-testid=\"delete\"\n          theme=\"error primary\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${this.__handleDeleteClick}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"delete\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderCreate = () => {\n    const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });\n    const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });\n    const isValid = isTemplateValid || isSnapshotValid;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"success primary\"\n          ?disabled=${!this.in('idle') || !isValid || this.disabledSelector.matches('create', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"create\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { hiddenSelector, data, lang, ns } = this;\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <foxy-internal-confirm-dialog\n        data-testid=\"confirm\"\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        @hide=${this.__handleConfirmHide}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div class=\"relative\" aria-busy=${this.in('busy')} aria-live=\"polite\">\n        <div class=\"grid grid-cols-1 gap-l\">\n          ${this.__maybeRenderTextField({ field: 'name' })}\n          ${this.__maybeRenderTextField({ field: 'value' })}\n          ${hiddenSelector.matches('visibility', true) ? '' : this.__renderVisibility()}\n          ${hiddenSelector.matches('timestamps', true) || !data ? '' : this.__renderTimestamps()}\n          ${hiddenSelector.matches('delete', true) || !data ? '' : this.__renderDelete()}\n          ${hiddenSelector.matches('create', true) || data ? '' : this.__renderCreate()}\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': !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${lang}\n            ns=${ns}\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__bindField.cache.clear?.();\n    this.__getValidator.cache.clear?.();\n  }\n\n  private get __confirmDialog(): InternalConfirmDialog {\n    return this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __handleKeyDown(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') this.submit();\n  }\n\n  private __handleDeleteClick(evt: Event) {\n    this.__confirmDialog.show(evt.currentTarget as HTMLElement);\n  }\n\n  private __handleConfirmHide(evt: DialogHideEvent) {\n    if (!evt.detail.cancelled) this.delete();\n  }\n}\n"]}
+{"version":3,"file":"CustomFieldForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldForm/CustomFieldForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates, TextFieldParams } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/index';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport memoize from 'lodash-es/memoize';\n\nconst NS = 'custom-field-form';\nconst Base = TranslatableMixin(\n  ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(NucleonElement))),\n  NS\n);\n\n/**\n * Form element for creating or editing custom fields.\n *\n * @slot name:before\n * @slot name:after\n * @slot value:before\n * @slot value:after\n * @slot visibility:before\n * @slot visibility:after\n * @slot timestamps:before\n * @slot timestamps:after\n * @slot create:before\n * @slot create:after\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-custom-field-form\n * @since 1.11.0\n */\nexport class CustomFieldForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-checkbox': customElements.get('vaadin-checkbox'),\n      'x-property-table': PropertyTable,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ value }) => (value && value.length > 0) || 'value_required',\n      ({ value }) => (value && value.length <= 1000) || 'value_too_long',\n      ({ name }) => (name && name.length > 0) || 'name_required',\n      ({ name }) => (name && name.length <= 500) || 'name_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __getValidator = memoize((prefix: string) => () => {\n    return !this.errors.some(err => err.startsWith(prefix));\n  });\n\n  private readonly __bindField = memoize((key: keyof Data) => {\n    return (evt: CustomEvent) => {\n      const target = evt.target as HTMLInputElement;\n      this.edit({ [key]: target.value });\n    };\n  });\n\n  private readonly __maybeRenderTextField = ({ field }: TextFieldParams) => {\n    const bsid = field.replace(/_/, '-');\n    if (this.hiddenSelector.matches(bsid)) return '';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${bsid}:before`)}\n\n        <vaadin-text-field\n          class=\"w-full\"\n          label=${this.t(field).toString()}\n          value=${ifDefined(this.form?.[field]?.toString())}\n          error-message=${this.__getErrorMessage(field)}\n          data-testid=${field}\n          .checkValidity=${this.__getValidator(field)}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches(bsid)}\n          ?readonly=${this.readonlySelector.matches(bsid)}\n          @input=${this.__bindField(field)}\n          @keydown=${this.__handleKeyDown}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot(`${bsid}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderVisibility = () => {\n    const { disabledSelector, form, lang, ns } = this;\n    const isDisabled = !this.in('idle') || disabledSelector.matches('visibility', true);\n\n    return html`\n      <div data-testid=\"visibility\">\n        ${this.renderTemplateOrSlot('visibility:before')}\n\n        <vaadin-checkbox\n          ?disabled=${isDisabled}\n          ?checked=${!form.is_hidden}\n          @change=${(evt: CustomEvent) => {\n            const checkbox = evt.currentTarget as CheckboxElement;\n            this.edit({ is_hidden: !checkbox.checked });\n          }}\n        >\n          <foxy-i18n lang=${lang} key=\"show_on_receipt\" ns=${ns}></foxy-i18n>\n        </vaadin-checkbox>\n\n        ${this.renderTemplateOrSlot('visibility:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderTimestamps = () => {\n    const items = (['date_modified', 'date_created'] as const).map(field => ({\n      name: this.t(field),\n      value: this.data?.[field]\n        ? this.t('date', { value: new Date(this.data[field] as string) })\n        : '',\n    }));\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n        <x-property-table .items=${items} data-testid=\"timestamps\"></x-property-table>\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderDelete = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          class=\"w-full\"\n          data-testid=\"delete\"\n          theme=\"error primary\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${this.__handleDeleteClick}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"delete\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderCreate = () => {\n    const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });\n    const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });\n    const isValid = isTemplateValid || isSnapshotValid;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"success primary\"\n          ?disabled=${!this.in('idle') || !isValid || this.disabledSelector.matches('create', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"create\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { hiddenSelector, data, lang, ns } = this;\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <foxy-internal-confirm-dialog\n        data-testid=\"confirm\"\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        @hide=${this.__handleConfirmHide}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div class=\"relative\" aria-busy=${this.in('busy')} aria-live=\"polite\">\n        <div class=\"grid grid-cols-1 gap-l\">\n          ${this.__maybeRenderTextField({ field: 'name' })}\n          ${this.__maybeRenderTextField({ field: 'value' })}\n          ${hiddenSelector.matches('visibility', true) ? '' : this.__renderVisibility()}\n          ${hiddenSelector.matches('timestamps', true) || !data ? '' : this.__renderTimestamps()}\n          ${hiddenSelector.matches('delete', true) || !data ? '' : this.__renderDelete()}\n          ${hiddenSelector.matches('create', true) || data ? '' : this.__renderCreate()}\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': !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : 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  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__bindField.cache.clear?.();\n    this.__getValidator.cache.clear?.();\n  }\n\n  private get __confirmDialog(): InternalConfirmDialog {\n    return this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __handleKeyDown(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') this.submit();\n  }\n\n  private __handleDeleteClick(evt: Event) {\n    this.__confirmDialog.show(evt.currentTarget as HTMLElement);\n  }\n\n  private __handleConfirmHide(evt: DialogHideEvent) {\n    if (!evt.detail.cancelled) this.delete();\n  }\n}\n"]}

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

@@ -589,7 +589,7 @@ export class Customer extends Base {
         group=${ctx.group}
         href=${ctx.href}
         lang=${ctx.lang}
-        ns=${ctx.ns}
+        ns="${ctx.ns} subscriptions-table"
         .columns=${this.__subscriptionsTableColumns}
         .templates=${ctx.templates}
       >

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, Tab, Templates } from './types';\nimport { CSSResultArray, TemplateResult, html } 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 styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  templates: Templates = {};\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      >\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-bold 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-semibold\">\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).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(cardId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n          data-testid=${cardId}\n          group=${this.group}\n          class=\"w-payment-method-card border-radius-overflow-fix rounded-t-l rounded-b-l overflow-hidden\"\n          href=${this.data?._links['fx:default_payment_method'].href ?? ''}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-payment-method-card')?.defaultNS ?? ''}\"\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-semibold 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-semibold\">\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', 'last_transaction,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}\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', 'last_transaction,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        >\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, Tab, Templates } from './types';\nimport { CSSResultArray, TemplateResult, html } 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 styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  templates: Templates = {};\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      >\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-bold 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-semibold\">\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).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(cardId).toString()}\n          hiddencontrols=${this.hiddenSelector.zoom(cardId).toString()}\n          data-testid=${cardId}\n          group=${this.group}\n          class=\"w-payment-method-card border-radius-overflow-fix rounded-t-l rounded-b-l overflow-hidden\"\n          href=${this.data?._links['fx:default_payment_method'].href ?? ''}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-payment-method-card')?.defaultNS ?? ''}\"\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-semibold 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-semibold\">\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', 'last_transaction,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', 'last_transaction,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        >\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/CustomerApi/CustomerApi.d.ts

@@ -1,6 +1,8 @@
 import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 import { API } from '@foxy.io/sdk/customer';
-declare const CustomerApi_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+declare const CustomerApi_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
 /**
  * Element connector for Customer API.
  *

package/dist/elements/public/CustomerApi/CustomerApi.js

@@ -3,6 +3,7 @@ import { API } from '@foxy.io/sdk/customer';
 import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { FetchEvent } from "../NucleonElement/FetchEvent.js";
 import { cookieStorage } from "./cookieStorage.js";
+import { InferrableMixin } from "../../../mixins/inferrable.js";
 /**
  * Element connector for Customer API.
  *
@@ -12,7 +13,7 @@ import { cookieStorage } from "./cookieStorage.js";
  * @element foxy-customer-api
  * @since 1.4.0
  */
-export class CustomerApi extends ConfigurableMixin(LitElement) {
+export class CustomerApi extends ConfigurableMixin(InferrableMixin(LitElement)) {
     constructor() {
         super(...arguments);
         this.__storage = 'local';

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerApi.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerApi/CustomerApi.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '@foxy.io/sdk/customer';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { cookieStorage } from './cookieStorage';\n\n/**\n * Element connector for Customer API.\n *\n * @fires CustomerApi#signout - Instance of `CustomerApi.SignOutEvent`. Dispatched on an element when session expires or code 401 is returned.\n * @fires CustomerApi#signin - Instance of `CustomerApi.SignInEvent`. Dispatched on an element once authenticated.\n *\n * @element foxy-customer-api\n * @since 1.4.0\n */\nexport class CustomerApi extends ConfigurableMixin(LitElement) {\n  static readonly SignOutEvent = class extends CustomEvent<void> {};\n\n  static readonly SignInEvent = class extends CustomEvent<void> {};\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storage: { type: String, noAccessor: true },\n      level: { type: Number, noAccessor: true },\n      base: { type: String, noAccessor: true },\n    };\n  }\n\n  private __storage: 'session' | 'cookie' | 'local' = 'local';\n\n  private __level = 0;\n\n  private __base = location.origin;\n\n  private __api: API = this.__createAPIInstance();\n\n  private __handleFetch = async (originalEvent: Event) => {\n    if (!(originalEvent instanceof FetchEvent)) return;\n    if (originalEvent.defaultPrevented) return;\n    if (originalEvent.composedPath()[0] === this) return;\n\n    originalEvent.preventDefault();\n\n    const apiEvent = new FetchEvent('fetch', {\n      cancelable: true,\n      composed: true,\n      request: originalEvent.request,\n      bubbles: true,\n      reject: (reason: unknown) => originalEvent.respondWith(Promise.reject(reason)),\n      resolve: (response: Response) => {\n        if (apiEvent.request.url === 'foxy://customer-api/session') this.requestUpdate();\n        if (response.status === 401) this.requestUpdate();\n        originalEvent.respondWith(Promise.resolve(response));\n      },\n    });\n\n    if (this.dispatchEvent(apiEvent)) apiEvent.respondWith(this.__handleRequest(apiEvent.request));\n  };\n\n  get isLoggedIn(): boolean {\n    return !!this.api.storage.getItem(API.SESSION);\n  }\n\n  /** `FoxySDK.Customer.API` instance used by this element to communicate with the backend. */\n  get api(): API {\n    return this.__api;\n  }\n\n  /** Bookmark URL for this API. This is where the tree traversal begins. We also use this URL as a base for relative paths. */\n  get base(): string {\n    return this.__base;\n  }\n\n  set base(value: string) {\n    this.__base = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Numeric Consola log level. If omitted, Consola defaults will be used. */\n  get level(): number {\n    return this.__level;\n  }\n\n  set level(value: number) {\n    this.__level = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Credentials storage implementing Web Storage API. Access tokens and other related info will be stored here. Defaults to in-memory storage. */\n  get storage(): 'session' | 'cookie' | 'local' {\n    return this.__storage;\n  }\n\n  set storage(value: 'session' | 'cookie' | 'local') {\n    this.__storage = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__handleFetch);\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.renderTemplateOrSlot(this.isLoggedIn ? 'logged-in' : 'logged-out')}\n      <slot></slot>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__handleFetch);\n  }\n\n  private __createAPIInstance() {\n    const storageOptions = {\n      session: sessionStorage,\n      cookie: cookieStorage,\n      local: localStorage,\n    };\n\n    return new API({\n      storage: storageOptions[this.storage],\n      level: this.level,\n      base: new URL(this.base),\n    });\n  }\n\n  private async __handleVirtualAuthSessionDelete() {\n    await this.api.signOut();\n\n    this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n    this.requestUpdate();\n\n    return new Response();\n  }\n\n  private async __handleVirtualAuthSessionPost(request: Request) {\n    const payload = await request.clone().json();\n    if (payload.type !== 'password') throw new Error(`Unknown payload type ${payload.type}`);\n\n    let status: number;\n    let body: unknown;\n\n    try {\n      await this.api.signIn(payload.credential);\n\n      this.dispatchEvent(new CustomerApi.SignInEvent('signin'));\n      this.requestUpdate();\n\n      status = 200;\n      body = { _links: { self: { href: request.url } }, ...payload };\n    } catch (err) {\n      if (!(err instanceof API.AuthError)) throw err;\n      if (!(err.code === 'UNAUTHORIZED')) throw err;\n\n      const virtualAuthError = {\n        message: err.message,\n        logref: 'unavailable',\n        code: 'invalid_credential_error',\n      };\n\n      status = 401;\n      body = { total: 1, _embedded: { 'fx:errors': [virtualAuthError] } };\n    }\n\n    return new Response(JSON.stringify(body), { status });\n  }\n\n  private async __handleVirtualAuthRecoverPost(request: Request) {\n    const payload = await request.clone().json();\n\n    if (payload.type === 'email') {\n      await this.api.sendPasswordResetEmail(payload.detail);\n      return new Response(\n        JSON.stringify({\n          _links: { self: { href: request.url } },\n          email: payload.email,\n        })\n      );\n    } else {\n      throw new Error(`Unknown payload type ${payload.type}`);\n    }\n  }\n\n  private async __handleRequest(request: Request) {\n    const url = request.url;\n    const method = request.method;\n\n    try {\n      if (url === 'foxy://customer-api/session') {\n        if (method === 'DELETE') return this.__handleVirtualAuthSessionDelete();\n        if (method === 'POST') return this.__handleVirtualAuthSessionPost(request);\n      }\n\n      if (url === 'foxy://customer-api/recover') {\n        if (method === 'POST') return this.__handleVirtualAuthRecoverPost(request);\n      }\n\n      const response = await this.api.fetch(request);\n\n      if (response.status === 401) {\n        this.api.storage.clear();\n        this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n        this.requestUpdate();\n      }\n\n      return response;\n    } catch (err) {\n      return new Response(null, { status: 500 });\n    }\n  }\n}\n"]}
+{"version":3,"file":"CustomerApi.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerApi/CustomerApi.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '@foxy.io/sdk/customer';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { cookieStorage } from './cookieStorage';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\n/**\n * Element connector for Customer API.\n *\n * @fires CustomerApi#signout - Instance of `CustomerApi.SignOutEvent`. Dispatched on an element when session expires or code 401 is returned.\n * @fires CustomerApi#signin - Instance of `CustomerApi.SignInEvent`. Dispatched on an element once authenticated.\n *\n * @element foxy-customer-api\n * @since 1.4.0\n */\nexport class CustomerApi extends ConfigurableMixin(InferrableMixin(LitElement)) {\n  static readonly SignOutEvent = class extends CustomEvent<void> {};\n\n  static readonly SignInEvent = class extends CustomEvent<void> {};\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storage: { type: String, noAccessor: true },\n      level: { type: Number, noAccessor: true },\n      base: { type: String, noAccessor: true },\n    };\n  }\n\n  private __storage: 'session' | 'cookie' | 'local' = 'local';\n\n  private __level = 0;\n\n  private __base = location.origin;\n\n  private __api: API = this.__createAPIInstance();\n\n  private __handleFetch = async (originalEvent: Event) => {\n    if (!(originalEvent instanceof FetchEvent)) return;\n    if (originalEvent.defaultPrevented) return;\n    if (originalEvent.composedPath()[0] === this) return;\n\n    originalEvent.preventDefault();\n\n    const apiEvent = new FetchEvent('fetch', {\n      cancelable: true,\n      composed: true,\n      request: originalEvent.request,\n      bubbles: true,\n      reject: (reason: unknown) => originalEvent.respondWith(Promise.reject(reason)),\n      resolve: (response: Response) => {\n        if (apiEvent.request.url === 'foxy://customer-api/session') this.requestUpdate();\n        if (response.status === 401) this.requestUpdate();\n        originalEvent.respondWith(Promise.resolve(response));\n      },\n    });\n\n    if (this.dispatchEvent(apiEvent)) apiEvent.respondWith(this.__handleRequest(apiEvent.request));\n  };\n\n  get isLoggedIn(): boolean {\n    return !!this.api.storage.getItem(API.SESSION);\n  }\n\n  /** `FoxySDK.Customer.API` instance used by this element to communicate with the backend. */\n  get api(): API {\n    return this.__api;\n  }\n\n  /** Bookmark URL for this API. This is where the tree traversal begins. We also use this URL as a base for relative paths. */\n  get base(): string {\n    return this.__base;\n  }\n\n  set base(value: string) {\n    this.__base = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Numeric Consola log level. If omitted, Consola defaults will be used. */\n  get level(): number {\n    return this.__level;\n  }\n\n  set level(value: number) {\n    this.__level = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Credentials storage implementing Web Storage API. Access tokens and other related info will be stored here. Defaults to in-memory storage. */\n  get storage(): 'session' | 'cookie' | 'local' {\n    return this.__storage;\n  }\n\n  set storage(value: 'session' | 'cookie' | 'local') {\n    this.__storage = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__handleFetch);\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.renderTemplateOrSlot(this.isLoggedIn ? 'logged-in' : 'logged-out')}\n      <slot></slot>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__handleFetch);\n  }\n\n  private __createAPIInstance() {\n    const storageOptions = {\n      session: sessionStorage,\n      cookie: cookieStorage,\n      local: localStorage,\n    };\n\n    return new API({\n      storage: storageOptions[this.storage],\n      level: this.level,\n      base: new URL(this.base),\n    });\n  }\n\n  private async __handleVirtualAuthSessionDelete() {\n    await this.api.signOut();\n\n    this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n    this.requestUpdate();\n\n    return new Response();\n  }\n\n  private async __handleVirtualAuthSessionPost(request: Request) {\n    const payload = await request.clone().json();\n    if (payload.type !== 'password') throw new Error(`Unknown payload type ${payload.type}`);\n\n    let status: number;\n    let body: unknown;\n\n    try {\n      await this.api.signIn(payload.credential);\n\n      this.dispatchEvent(new CustomerApi.SignInEvent('signin'));\n      this.requestUpdate();\n\n      status = 200;\n      body = { _links: { self: { href: request.url } }, ...payload };\n    } catch (err) {\n      if (!(err instanceof API.AuthError)) throw err;\n      if (!(err.code === 'UNAUTHORIZED')) throw err;\n\n      const virtualAuthError = {\n        message: err.message,\n        logref: 'unavailable',\n        code: 'invalid_credential_error',\n      };\n\n      status = 401;\n      body = { total: 1, _embedded: { 'fx:errors': [virtualAuthError] } };\n    }\n\n    return new Response(JSON.stringify(body), { status });\n  }\n\n  private async __handleVirtualAuthRecoverPost(request: Request) {\n    const payload = await request.clone().json();\n\n    if (payload.type === 'email') {\n      await this.api.sendPasswordResetEmail(payload.detail);\n      return new Response(\n        JSON.stringify({\n          _links: { self: { href: request.url } },\n          email: payload.email,\n        })\n      );\n    } else {\n      throw new Error(`Unknown payload type ${payload.type}`);\n    }\n  }\n\n  private async __handleRequest(request: Request) {\n    const url = request.url;\n    const method = request.method;\n\n    try {\n      if (url === 'foxy://customer-api/session') {\n        if (method === 'DELETE') return this.__handleVirtualAuthSessionDelete();\n        if (method === 'POST') return this.__handleVirtualAuthSessionPost(request);\n      }\n\n      if (url === 'foxy://customer-api/recover') {\n        if (method === 'POST') return this.__handleVirtualAuthRecoverPost(request);\n      }\n\n      const response = await this.api.fetch(request);\n\n      if (response.status === 401) {\n        this.api.storage.clear();\n        this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n        this.requestUpdate();\n      }\n\n      return response;\n    } catch (err) {\n      return new Response(null, { status: 500 });\n    }\n  }\n}\n"]}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalChangePassword.d.ts

@@ -4,7 +4,9 @@ declare const enum Steps {
     NewPassword = 2,
     Done = 3
 }
-declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & {
     styles: import("lit-element").CSSResultArray;

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

@@ -3,7 +3,8 @@ import { API } from "../NucleonElement/API.js";
 import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-const Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(LitElement)));
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+const Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement))));
 export class InternalCustomerPortalChangePassword extends Base {
     constructor() {
         super(...arguments);