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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { spread } from '@open-wc/lit-helpers';\n\nexport type Page = HALJSONResource & { _embedded: Record<string, HALJSONResource[]> };\nexport type ExtractItem<T> = T extends { _embedded: Record<string, (infer U)[]> } ? U : never;\n\nexport type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {\n  readonlyControls: BooleanSelector;\n  disabledControls: BooleanSelector;\n  hiddenControls: BooleanSelector;\n  templates: Partial<Record<string, Renderer<any>>>;\n  readonly: boolean;\n  disabled: boolean;\n  previous: TItem | null;\n  related: string[];\n  hidden: boolean;\n  parent: string;\n  spread: typeof spread;\n  props: Record<string, unknown>;\n  group: string;\n  html: typeof html;\n  lang: string;\n  href: string;\n  data: TItem | null;\n  next: TItem | null;\n  ns: string;\n};\n\nexport type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (\n  ctx: ItemRendererContext<TItem>\n) => TemplateResult;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { spread } from '@open-wc/lit-helpers';\n\nexport type Page = HALJSONResource & { _embedded: Record<string, HALJSONResource[]> };\nexport type ExtractItem<T> = T extends { _embedded: Record<string, (infer U)[]> } ? U : never;\n\nexport type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {\n  simplifyNsLoading: boolean;\n  readonlyControls: BooleanSelector;\n  disabledControls: BooleanSelector;\n  hiddenControls: BooleanSelector;\n  templates: Partial<Record<string, Renderer<any>>>;\n  readonly: boolean;\n  disabled: boolean;\n  previous: TItem | null;\n  related: string[];\n  hidden: boolean;\n  parent: string;\n  spread: typeof spread;\n  props: Record<string, unknown>;\n  group: string;\n  html: typeof html;\n  lang: string;\n  href: string;\n  data: TItem | null;\n  next: TItem | null;\n  ns: string;\n};\n\nexport type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (\n  ctx: ItemRendererContext<TItem>\n) => TemplateResult;\n"]}

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

@@ -1,31 +1,31 @@
-import { Data, Templates } from './types';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
-import { TemplateResult } from 'lit-html';
-import { NucleonElement } from '../NucleonElement/NucleonElement';
-import { NucleonV8N } from '../NucleonElement/types';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import type { Data, Templates } from './types';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
-} & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & {
-    styles: import("lit-element").CSSResultArray;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+};
 /**
  * Form element for importing coupon codes (`fx:coupon_codes`).
  *
- * @slot codes:before
- * @slot codes:after
+ * @slot coupon-codes:before - **new in v1.27.0**
+ * @slot coupon-codes:after - **new in v1.27.0**
  *
- * @slot import:before
- * @slot import:after
+ * @slot create:before - **new in v1.27.0**
+ * @slot create:after - **new in v1.27.0**
  *
  * @element foxy-coupon-codes-form
  * @since 1.15.0
  */
 export declare class CouponCodesForm extends Base<Data> {
-    static get scopedElements(): ScopedElementsMap;
     static get v8n(): NucleonV8N<Data>;
     templates: Templates;
-    render(): TemplateResult;
-    private __renderCodes;
-    private __renderImport;
+    private readonly __couponCodesGetValue;
+    private readonly __couponCodesSetValue;
+    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendPost(edits: Partial<Data>): Promise<Data>;
 }
 export {};

package/dist/elements/public/CouponCodesForm/CouponCodesForm.js

@@ -1,22 +1,17 @@
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { html } from 'lit-html';
-import { ConfigurableMixin } from "../../../mixins/configurable.js";
-import { EditableList } from "../../private/EditableList/EditableList.js";
-import { Group } from "../../private/Group/Group.js";
-import { NucleonElement } from "../NucleonElement/NucleonElement.js";
-import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-import { classMap } from "../../../utils/class-map.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
 const NS = 'coupon-codes-form';
-const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS))));
+const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for importing coupon codes (`fx:coupon_codes`).
  *
- * @slot codes:before
- * @slot codes:after
+ * @slot coupon-codes:before - **new in v1.27.0**
+ * @slot coupon-codes:after - **new in v1.27.0**
  *
- * @slot import:before
- * @slot import:after
+ * @slot create:before - **new in v1.27.0**
+ * @slot create:after - **new in v1.27.0**
  *
  * @element foxy-coupon-codes-form
  * @since 1.15.0
@@ -25,198 +20,49 @@ export class CouponCodesForm extends Base {
     constructor() {
         super(...arguments);
         this.templates = {};
-    }
-    static get scopedElements() {
-        return {
-            'vaadin-button': customElements.get('vaadin-button'),
-            'iron-icon': customElements.get('iron-icon'),
-            'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
-            'foxy-spinner': customElements.get('foxy-spinner'),
-            'foxy-i18n': customElements.get('foxy-i18n'),
-            'x-editable-list': EditableList,
-            'x-group': Group,
+        this.__couponCodesGetValue = () => {
+            var _a, _b;
+            return (_b = (_a = this.form.coupon_codes) === null || _a === void 0 ? void 0 : _a.map(value => ({ value }))) !== null && _b !== void 0 ? _b : [];
+        };
+        this.__couponCodesSetValue = (newValue) => {
+            this.edit({
+                coupon_codes: newValue
+                    .map(({ value }) => value.split(' ').map(v => v.trim()))
+                    .flat()
+                    .filter((v, i, a) => a.indexOf(v) === i),
+            });
         };
     }
     static get v8n() {
-        return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon_codes_required'];
+        return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon-codes:v8n_required'];
     }
-    render() {
-        var _a, _b;
-        const { hiddenSelector, lang, ns } = this;
-        const isBusy = this.in('busy');
-        const isFail = this.in('fail');
-        const isSnapshot = this.in({ idle: 'snapshot' });
-        const isTemplate = this.in({ idle: 'template' });
-        const transition = 'transition-opacity duration-500';
-        const hidden = 'opacity-0 pointer-events-none';
-        return html `
-      <div class="relative">
-        <div
-          class=${classMap({
-            'relative space-y-m': true,
-            [transition]: true,
-            [hidden]: isSnapshot,
-        })}
-        >
-          ${hiddenSelector.matches('codes', true) ? '' : this.__renderCodes()}
-          ${hiddenSelector.matches('import', true) ? '' : this.__renderImport()}
-        </div>
-
-        <div
-          class=${classMap({
-            'absolute inset-0 flex flex-col items-center justify-center': true,
-            'text-center text-m text-secondary leading-m': true,
-            [transition]: true,
-            [hidden]: !isSnapshot,
-        })}
-        >
-          <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success">
-            <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon>
-          </div>
-
-          <foxy-i18n class="block" lang=${lang} key="import_codes_done" ns=${ns}></foxy-i18n>
-        </div>
-
-        <div
-          data-testid="spinner"
-          class=${classMap({
-            'absolute inset-0 flex': true,
-            [transition]: true,
-            [hidden]: !isBusy && !isFail,
-        })}
-        >
-          <foxy-spinner
-            layout="vertical"
-            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
-            state=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}
-            lang=${lang}
-            ns="${ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
-          >
-          </foxy-spinner>
-        </div>
-      </div>
-    `;
+    get readonlySelector() {
+        const alwaysMatch = [super.readonlySelector.toString()];
+        if (this.href)
+            alwaysMatch.push('coupon-codes');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    __renderCodes() {
-        var _a;
-        const maxVisible = 16;
-        const codes = (_a = this.form.coupon_codes) !== null && _a !== void 0 ? _a : [];
-        const visibleCodes = codes.length > maxVisible ? codes.slice(-maxVisible) : codes;
-        const hiddenCodes = codes.length > maxVisible ? codes.slice(0, -maxVisible) : [];
-        const parse = (value) => {
-            return value
-                .split(/\s/)
-                .map(code => code.trim())
-                .filter(code => code.length > 0);
-        };
-        const items = visibleCodes.map(code => {
-            let href;
-            try {
-                const url = new URL(this.parent);
-                url.searchParams.set('code', code);
-                href = url.toString();
-            }
-            catch (_a) {
-                href = this.parent;
-            }
-            return {
-                value: code,
-                label: html `
-          <foxy-internal-coupon-codes-form-list-item
-            group=${this.group}
-            href=${href}
-            lang=${this.lang}
-            ns=${this.ns}
-          >
-          </foxy-internal-coupon-codes-form-list-item>
-        `,
-            };
-        });
-        return html `
-      <div data-testid="codes">
-        ${this.renderTemplateOrSlot('codes:before')}
-
-        <x-group class="mb-xs" frame>
-          <foxy-i18n slot="header" lang=${this.lang} key="code_plural" ns=${this.ns}></foxy-i18n>
-
-          <x-editable-list
-            data-testid="codes:list"
-            lang=${this.lang}
-            ns=${this.ns}
-            ?disabled=${!this.in('idle') || this.disabledSelector.matches('codes', true)}
-            ?readonly=${this.readonlySelector.matches('codes', true)}
-            .items=${items}
-            @change=${(evt) => {
-            const list = evt.currentTarget;
-            const codes = list.items.reduce((p, c) => [...p, ...parse(c.value)], []);
-            const newCodes = new Set([...hiddenCodes, ...codes]);
-            this.edit({ coupon_codes: [...newCodes] });
-        }}
-            @paste=${(evt) => {
-            var _a, _b;
-            evt.preventDefault();
-            const text = (_b = (_a = evt.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : '';
-            const pastedCodes = parse(text);
-            this.edit({ coupon_codes: Array.from(new Set([...codes, ...pastedCodes])) });
-        }}
-          >
-            <div
-              class="ml-m py-s border-b border-contrast-10 font-lumo"
-              ?hidden=${hiddenCodes.length === 0}
-            >
-              <foxy-i18n
-                options=${JSON.stringify({ count: hiddenCodes.length })}
-                class="block text-body text-m mb-xs"
-                lang=${this.lang}
-                key="hidden_codes_header"
-                ns=${this.ns}
-              >
-              </foxy-i18n>
-
-              <foxy-i18n
-                class="block text-xs text-tertiary"
-                lang=${this.lang}
-                key="hidden_codes_explainer"
-                ns=${this.ns}
-              >
-              </foxy-i18n>
-            </div>
-          </x-editable-list>
-        </x-group>
-
-        <foxy-i18n
-          class="block text-xs text-tertiary leading-s"
-          lang=${this.lang}
-          key="code_import_hint"
-          ns=${this.ns}
-        >
-        </foxy-i18n>
-
-        ${this.renderTemplateOrSlot('codes:after')}
-      </div>
-    `;
+    get hiddenSelector() {
+        const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    __renderImport() {
-        const isTemplateValid = this.in({ idle: { template: { dirty: 'valid' } } });
-        const isSnapshotValid = this.in({ idle: { snapshot: { dirty: 'valid' } } });
-        const isValid = isTemplateValid || isSnapshotValid;
+    renderBody() {
         return html `
-      <div>
-        ${this.renderTemplateOrSlot('import:before')}
+      <foxy-internal-editable-list-control
+        infer="coupon-codes"
+        .getValue=${this.__couponCodesGetValue}
+        .setValue=${this.__couponCodesSetValue}
+      >
+      </foxy-internal-editable-list-control>
 
-        <vaadin-button
-          data-testid="import"
-          class="w-full mb-xs"
-          theme="primary success"
-          ?disabled=${!isValid || !this.in('idle') || this.disabledSelector.matches('import', true)}
-          @click=${() => this.submit()}
-        >
-          <foxy-i18n ns=${this.ns} key="import" lang=${this.lang}></foxy-i18n>
-        </vaadin-button>
-
-        ${this.renderTemplateOrSlot('import:after')}
-      </div>
+      ${super.renderBody()}
     `;
     }
+    async _sendPost(edits) {
+        const body = JSON.stringify(edits);
+        const data = await this._fetch(this.parent, { body, method: 'POST' });
+        this.status = { key: 'success' };
+        return data;
+    }
 }
 //# sourceMappingURL=CouponCodesForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CouponCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/CouponCodesForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { EditableList } from '../../private/EditableList/EditableList';\nimport { Group } from '../../private/Group/Group';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'coupon-codes-form';\nconst Base = ConfigurableMixin(\n  ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for importing coupon codes (`fx:coupon_codes`).\n *\n * @slot codes:before\n * @slot codes:after\n *\n * @slot import:before\n * @slot import:after\n *\n * @element foxy-coupon-codes-form\n * @since 1.15.0\n */\nexport class CouponCodesForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-button': customElements.get('vaadin-button'),\n      'iron-icon': customElements.get('iron-icon'),\n\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-editable-list': EditableList,\n      'x-group': Group,\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon_codes_required'];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n    const isSnapshot = this.in({ idle: 'snapshot' });\n    const isTemplate = this.in({ idle: 'template' });\n\n    const transition = 'transition-opacity duration-500';\n    const hidden = 'opacity-0 pointer-events-none';\n\n    return html`\n      <div class=\"relative\">\n        <div\n          class=${classMap({\n            'relative space-y-m': true,\n            [transition]: true,\n            [hidden]: isSnapshot,\n          })}\n        >\n          ${hiddenSelector.matches('codes', true) ? '' : this.__renderCodes()}\n          ${hiddenSelector.matches('import', true) ? '' : this.__renderImport()}\n        </div>\n\n        <div\n          class=${classMap({\n            'absolute inset-0 flex flex-col items-center justify-center': true,\n            'text-center text-m text-secondary leading-m': true,\n            [transition]: true,\n            [hidden]: !isSnapshot,\n          })}\n        >\n          <div class=\"mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success\">\n            <iron-icon icon=\"icons:done-all\" class=\"m-auto text-success-contrast\"></iron-icon>\n          </div>\n\n          <foxy-i18n class=\"block\" lang=${lang} key=\"import_codes_done\" ns=${ns}></foxy-i18n>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'absolute inset-0 flex': true,\n            [transition]: true,\n            [hidden]: !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private __renderCodes() {\n    const maxVisible = 16;\n    const codes = this.form.coupon_codes ?? [];\n\n    const visibleCodes = codes.length > maxVisible ? codes.slice(-maxVisible) : codes;\n    const hiddenCodes = codes.length > maxVisible ? codes.slice(0, -maxVisible) : [];\n    const parse = (value: string) => {\n      return value\n        .split(/\\s/)\n        .map(code => code.trim())\n        .filter(code => code.length > 0);\n    };\n\n    const items = visibleCodes.map(code => {\n      let href: string;\n\n      try {\n        const url = new URL(this.parent);\n        url.searchParams.set('code', code);\n        href = url.toString();\n      } catch {\n        href = this.parent;\n      }\n\n      return {\n        value: code,\n        label: html`\n          <foxy-internal-coupon-codes-form-list-item\n            group=${this.group}\n            href=${href}\n            lang=${this.lang}\n            ns=${this.ns}\n          >\n          </foxy-internal-coupon-codes-form-list-item>\n        `,\n      };\n    });\n\n    return html`\n      <div data-testid=\"codes\">\n        ${this.renderTemplateOrSlot('codes:before')}\n\n        <x-group class=\"mb-xs\" frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"code_plural\" ns=${this.ns}></foxy-i18n>\n\n          <x-editable-list\n            data-testid=\"codes:list\"\n            lang=${this.lang}\n            ns=${this.ns}\n            ?disabled=${!this.in('idle') || this.disabledSelector.matches('codes', true)}\n            ?readonly=${this.readonlySelector.matches('codes', true)}\n            .items=${items}\n            @change=${(evt: CustomEvent) => {\n              const list = evt.currentTarget as EditableList;\n              const codes = list.items.reduce<string[]>((p, c) => [...p, ...parse(c.value)], []);\n              const newCodes = new Set([...hiddenCodes, ...codes]);\n              this.edit({ coupon_codes: [...newCodes] });\n            }}\n            @paste=${(evt: ClipboardEvent) => {\n              evt.preventDefault();\n              const text = evt.clipboardData?.getData('text') ?? '';\n              const pastedCodes = parse(text);\n              this.edit({ coupon_codes: Array.from(new Set([...codes, ...pastedCodes])) });\n            }}\n          >\n            <div\n              class=\"ml-m py-s border-b border-contrast-10 font-lumo\"\n              ?hidden=${hiddenCodes.length === 0}\n            >\n              <foxy-i18n\n                options=${JSON.stringify({ count: hiddenCodes.length })}\n                class=\"block text-body text-m mb-xs\"\n                lang=${this.lang}\n                key=\"hidden_codes_header\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n\n              <foxy-i18n\n                class=\"block text-xs text-tertiary\"\n                lang=${this.lang}\n                key=\"hidden_codes_explainer\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </div>\n          </x-editable-list>\n        </x-group>\n\n        <foxy-i18n\n          class=\"block text-xs text-tertiary leading-s\"\n          lang=${this.lang}\n          key=\"code_import_hint\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('codes:after')}\n      </div>\n    `;\n  }\n\n  private __renderImport() {\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('import:before')}\n\n        <vaadin-button\n          data-testid=\"import\"\n          class=\"w-full mb-xs\"\n          theme=\"primary success\"\n          ?disabled=${!isValid || !this.in('idle') || this.disabledSelector.matches('import', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} key=\"import\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('import:after')}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CouponCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/CouponCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAA/C;;QAKE,cAAS,GAAc,EAAE,CAAC;QAET,0BAAqB,GAAG,GAAG,EAAE;;YAC5C,mBAAO,IAAI,CAAC,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QAEe,0BAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,YAAY,EAAE,QAAQ;qBACnB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAgCJ,CAAC;IAjDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,2BAA2B,CAAC,CAAC;IACvF,CAAC;IAiBD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB;;;;QAItC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing coupon codes (`fx:coupon_codes`).\n *\n * @slot coupon-codes:before - **new in v1.27.0**\n * @slot coupon-codes:after - **new in v1.27.0**\n *\n * @slot create:before - **new in v1.27.0**\n * @slot create:after - **new in v1.27.0**\n *\n * @element foxy-coupon-codes-form\n * @since 1.15.0\n */\nexport class CouponCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon-codes:v8n_required'];\n  }\n\n  templates: Templates = {};\n\n  private readonly __couponCodesGetValue = () => {\n    return this.form.coupon_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __couponCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      coupon_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('coupon-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"coupon-codes\"\n        .getValue=${this.__couponCodesGetValue}\n        .setValue=${this.__couponCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}

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

@@ -1,8 +1,4 @@
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
-import '../../internal/InternalSandbox/index';
-import '../Spinner/index';
-import '../I18n/index';
+import '../../internal/InternalEditableListControl/index';
+import '../../internal/InternalForm/index';
 import { CouponCodesForm } from './CouponCodesForm';
 export { CouponCodesForm };

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

@@ -1,12 +1,6 @@
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
-import "../../internal/InternalSandbox/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
+import "../../internal/InternalEditableListControl/index.js";
+import "../../internal/InternalForm/index.js";
 import { CouponCodesForm } from "./CouponCodesForm.js";
-import { InternalCouponCodesFormListItem } from "./internal/InternalCouponCodesFormListItem.js";
 customElements.define('foxy-coupon-codes-form', CouponCodesForm);
-customElements.define('foxy-internal-coupon-codes-form-list-item', InternalCouponCodesFormListItem);
 export { CouponCodesForm };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,eAAe,EAAE,6BAA0B;AACpD,OAAO,EAAE,+BAA+B,EAAE,sDAAmD;AAE7F,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AACjE,cAAc,CAAC,MAAM,CAAC,2CAA2C,EAAE,+BAA+B,CAAC,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { CouponCodesForm } from './CouponCodesForm';\nimport { InternalCouponCodesFormListItem } from './internal/InternalCouponCodesFormListItem';\n\ncustomElements.define('foxy-coupon-codes-form', CouponCodesForm);\ncustomElements.define('foxy-internal-coupon-codes-form-list-item', InternalCouponCodesFormListItem);\n\nexport { CouponCodesForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/index.ts"],"names":[],"mappings":"AAAA,6DAA0D;AAC1D,8CAA2C;AAE3C,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalEditableListControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { CouponCodesForm } from './CouponCodesForm';\n\ncustomElements.define('foxy-coupon-codes-form', CouponCodesForm);\n\nexport { CouponCodesForm };\n"]}

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

@@ -1,7 +1,7 @@
-import { CouponCodesForm } from './CouponCodesForm';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { CouponCodesForm } from './CouponCodesForm';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.CouponCodesImport> & {
     _links: {
         self: {
@@ -10,8 +10,8 @@ export declare type Data = Resource<Rels.CouponCodesImport> & {
     };
 };
 export declare type Templates = {
-    'codes:before'?: Renderer<CouponCodesForm>;
-    'codes:after'?: Renderer<CouponCodesForm>;
-    'import:before'?: Renderer<CouponCodesForm>;
-    'import:after'?: Renderer<CouponCodesForm>;
+    'coupon-codes:before'?: Renderer<CouponCodesForm>;
+    'coupon-codes:after'?: Renderer<CouponCodesForm>;
+    'create:before'?: Renderer<CouponCodesForm>;
+    'create:after'?: Renderer<CouponCodesForm>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { CouponCodesForm } from './CouponCodesForm';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.CouponCodesImport> & { _links: { self: { href: string } } };\n\nexport type Templates = {\n  'codes:before'?: Renderer<CouponCodesForm>;\n  'codes:after'?: Renderer<CouponCodesForm>;\n  'import:before'?: Renderer<CouponCodesForm>;\n  'import:after'?: Renderer<CouponCodesForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CouponCodesForm } from './CouponCodesForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.CouponCodesImport> & { _links: { self: { href: string } } };\n\nexport type Templates = {\n  'coupon-codes:before'?: Renderer<CouponCodesForm>;\n  'coupon-codes:after'?: Renderer<CouponCodesForm>;\n  'create:before'?: Renderer<CouponCodesForm>;\n  'create:after'?: Renderer<CouponCodesForm>;\n};\n"]}

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

@@ -9,6 +9,7 @@ export declare class CustomerPortalSettingsReadyEvent extends CustomEvent<void>
 export declare class CustomerPortalSettingsUpdateEvent extends CustomEvent<void> {
     constructor();
 }
+/** @deprecated – use `CustomerPortalSettingsForm` instead. */
 export declare class CustomerPortalSettings extends Translatable {
     static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;

package/dist/elements/public/CustomerPortalSettings/CustomerPortalSettings.js

@@ -32,6 +32,7 @@ export class CustomerPortalSettingsUpdateEvent extends CustomEvent {
         super('update');
     }
 }
+/** @deprecated – use `CustomerPortalSettingsForm` instead. */
 export class CustomerPortalSettings extends Translatable {
     constructor() {
         super('customer-portal-settings');

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerPortalSettings.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortalSettings/CustomerPortalSettings.ts"],"names":[],"mappings":"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","sourcesContent":["import '@polymer/iron-icon';\nimport '@vaadin/vaadin-button';\n\nimport { ErrorScreen, FriendlyError } from '../../private/ErrorScreen/ErrorScreen';\nimport { FxBookmark, FxCustomerPortalSettings, FxStore } from '../../../types/hapi';\nimport { I18N, Page, Section, Skeleton } from '../../private/index';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { RequestEvent, UnhandledRequestError } from '../../../events/request';\nimport {\n  SessionDuration,\n  SessionDurationChangeEvent,\n} from './private/SessionDuration/SessionDuration';\nimport { SessionSecret, SessionSecretChangeEvent } from './private/SessionSecret/SessionSecret';\nimport { Switch, SwitchChangeEvent } from '../../private/Switch/Switch';\n\nimport { CustomerPortalSettingsLoadSuccessEvent } from './types';\nimport { FrequencyModification } from './private/FrequencyModification/FrequencyModification';\nimport { FrequencyModificationChangeEvent } from './private/FrequencyModification/FrequencyModificationChangeEvent';\nimport { LoadingScreen } from '../../private/LoadingScreen/LoadingScreen';\nimport { NextDateModification } from './private/NextDateModification/NextDateModification';\nimport { NextDateModificationChangeEvent } from './private/NextDateModification/NextDateModificationChangeEvent';\nimport { OriginsList } from './private/OriginsList/OriginsList';\nimport { OriginsListChangeEvent } from './private/OriginsList/OriginsListChangeEvent';\nimport { SSOSwitch } from './private/SSOSwitch/SSOSwitch';\nimport { SSOSwitchChangeEvent } from './private/SSOSwitch/SSOSwitchChangeEvent';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { Translatable } from '../../../mixins/translatable';\nimport cloneDeep from 'lodash-es/cloneDeep';\nimport { interpret } from 'xstate';\nimport { machine } from './machine';\nimport { SignUp } from './private/SignUp/SignUp';\nimport { SignUpChangeEvent } from './private/SignUp/SignUpChangeEvent';\n\nfunction throwIfNotOk(response: Response) {\n  if (response.ok) return;\n  throw new FriendlyError(response.status === 401 ? 'unauthorized' : 'unknown');\n}\n\nexport class CustomerPortalSettingsReadyEvent extends CustomEvent<void> {\n  constructor() {\n    super('ready');\n  }\n}\n\nexport class CustomerPortalSettingsUpdateEvent extends CustomEvent<void> {\n  constructor() {\n    super('update');\n  }\n}\n\nexport class CustomerPortalSettings extends Translatable {\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'iron-icon': customElements.get('iron-icon'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-frequency-modification': FrequencyModification,\n      'x-next-date-modification': NextDateModification,\n      'x-session-duration': SessionDuration,\n      'x-session-secret': SessionSecret,\n      'x-loading-screen': LoadingScreen,\n      'x-error-screen': ErrorScreen,\n      'x-origins-list': OriginsList,\n      'x-sso-switch': SSOSwitch,\n      'x-skeleton': Skeleton,\n      'x-section': Section,\n      'x-sign-up': SignUp,\n      'x-switch': Switch,\n      'x-i18n': I18N,\n      'x-page': Page,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      href: { type: String, noAccessor: true },\n    };\n  }\n\n  public readonly rel = 'customer_portal_settings';\n\n  private __machine = machine.withConfig({\n    services: {\n      load: () => this.__load(),\n      save: () => this.__save(),\n    },\n  });\n\n  private __service = interpret(this.__machine)\n    .onTransition(({ changed }) => changed && this.requestUpdate())\n    .onChange(() => this.requestUpdate())\n    .start();\n\n  public constructor() {\n    super('customer-portal-settings');\n  }\n\n  public get href(): string | null {\n    return this.__service.state.context.href;\n  }\n\n  public set href(data: string | null) {\n    this.__service.send({ type: 'SET_HREF', data });\n  }\n\n  public render(): TemplateResult {\n    if (this.__service.state.matches('error')) {\n      return html`\n        <x-error-screen\n          data-testid=\"error\"\n          lang=${this.lang}\n          type=${this.__service.state.context.error!}\n          reload\n          @reload=${this.__reload}\n        >\n        </x-error-screen>\n      `;\n    }\n\n    const { newResource } = this.__service.state.context;\n\n    const matchesCreated = this.__service.state.matches('idle.dirty.created');\n    const matchesDeleted = this.__service.state.matches('idle.dirty.deleted');\n    const matchesUpdated = this.__service.state.matches('idle.dirty.updated');\n    const matchesEnabled = this.__service.state.matches('idle.clean.enabled');\n    const matchesInvalid =\n      this.__service.state.matches('idle.dirty.updated.invalid') ||\n      this.__service.state.matches('idle.dirty.created.invalid');\n\n    return html`\n      <x-page class=\"relative\">\n        <x-switch\n          slot=\"title\"\n          data-testid=\"switch\"\n          .disabled=${!this.__service.state.matches('idle') || !this._isI18nReady}\n          .checked=${matchesEnabled || matchesCreated || matchesUpdated}\n          @change=${(evt: SwitchChangeEvent) => {\n            this.__service.send(evt.detail ? 'ENABLE' : 'DISABLE');\n          }}\n        >\n          <x-i18n key=\"title\" class=\"text-xxl\" .ns=${this.ns} .lang=${this.lang}>\n            <sup class=\"text-tertiary\">\n              <x-i18n key=\"beta\" .ns=${this.ns} .lang=${this.lang}> </x-i18n>\n            </sup>\n          </x-i18n>\n        </x-switch>\n\n        <x-i18n\n          class=\"block mr-xl\"\n          slot=\"subtitle\"\n          key=\"subtitle\"\n          .ns=${this.ns}\n          .lang=${this.lang}\n        >\n        </x-i18n>\n\n        <x-section>\n          <x-i18n slot=\"title\" key=\"origins.title\" .ns=${this.ns} .lang=${this.lang}></x-i18n>\n          <x-i18n slot=\"subtitle\" key=\"origins.subtitle\" .ns=${this.ns} .lang=${this.lang}></x-i18n>\n\n          <x-origins-list\n            data-testid=\"origins\"\n            .lang=${this.lang}\n            .ns=${this.ns}\n            .value=${newResource?.allowedOrigins ?? []}\n            .disabled=${!newResource}\n            @change=${(evt: OriginsListChangeEvent) => {\n              this.__service.send({ type: 'SET_ORIGINS', value: evt.detail });\n            }}\n          >\n          </x-origins-list>\n        </x-section>\n\n        <x-frequency-modification\n          data-testid=\"fmod\"\n          .lang=${this.lang}\n          .ns=${this.ns}\n          .value=${newResource?.subscriptions.allowFrequencyModification ?? []}\n          ?disabled=${!newResource}\n          @change=${(evt: FrequencyModificationChangeEvent) => {\n            this.__service.send({ type: 'SET_FREQUENCY_MODIFICATION', value: evt.detail });\n          }}\n        >\n        </x-frequency-modification>\n\n        <x-next-date-modification\n          data-testid=\"ndmod\"\n          .lang=${this.lang}\n          .ns=${this.ns}\n          .value=${newResource?.subscriptions.allowNextDateModification ?? false}\n          .disabled=${!newResource}\n          @change=${(evt: NextDateModificationChangeEvent) => {\n            this.__service.send({ type: 'SET_NEXT_DATE_MODIFICATION', value: evt.detail });\n          }}\n        >\n        </x-next-date-modification>\n\n        <x-sso-switch\n          data-testid=\"sso\"\n          .lang=${this.lang}\n          .ns=${this.ns}\n          .value=${newResource?.sso ?? false}\n          .disabled=${!newResource}\n          @change=${(evt: SSOSwitchChangeEvent) => {\n            this.__service.send({ type: 'SET_SSO', value: evt.detail });\n          }}\n        >\n        </x-sso-switch>\n\n        <x-sign-up\n          data-testid=\"signup\"\n          .disabled=${!newResource}\n          .value=${newResource?.signUp}\n          .lang=${this.lang}\n          .ns=${this.ns}\n          @change=${(evt: SignUpChangeEvent) => {\n            this.__service.send({ type: 'SET_SIGN_UP', value: evt.detail });\n          }}\n        >\n        </x-sign-up>\n\n        <x-section>\n          <x-i18n slot=\"title\" key=\"advanced.title\" .ns=${this.ns} .lang=${this.lang}></x-i18n>\n          <x-i18n slot=\"subtitle\" key=\"advanced.subtitle\" .ns=${this.ns} .lang=${this.lang}>\n          </x-i18n>\n\n          <x-session-duration\n            data-testid=\"session\"\n            .disabled=${!newResource || !this._isI18nReady}\n            .value=${newResource?.sessionLifespanInMinutes ?? 1}\n            .lang=${this.lang}\n            .ns=${this.ns}\n            @change=${({ detail }: SessionDurationChangeEvent) => {\n              this.__service.send({ type: 'SET_SESSION', ...detail });\n            }}\n          >\n          </x-session-duration>\n\n          <x-session-secret\n            data-testid=\"secret\"\n            .disabled=${!newResource || !this._isI18nReady}\n            .value=${newResource?.jwtSharedSecret ?? ''}\n            .lang=${this.lang}\n            .ns=${this.ns}\n            @change=${({ detail }: SessionSecretChangeEvent) => {\n              this.__service.send({ type: 'SET_SECRET', ...detail });\n            }}\n          >\n          </x-session-secret>\n        </x-section>\n\n        ${this.__service.state.matches('idle.dirty')\n          ? html`\n              <div\n                class=\"sticky flex justify-between rounded-t-l rounded-b-l shadow-m -mx-s p-s bg-contrast\"\n                style=\"bottom: var(--lumo-space-m)\"\n              >\n                <vaadin-button\n                  data-testid=\"save\"\n                  theme=\"primary ${matchesDeleted ? 'error' : 'success'}\"\n                  .disabled=${matchesInvalid}\n                  @click=${() => this.__service.send('SAVE')}\n                >\n                  <x-i18n\n                    lang=${this.lang}\n                    ns=${this.ns}\n                    key=\"save_${matchesCreated ? 'create' : matchesDeleted ? 'delete' : 'update'}\"\n                  >\n                  </x-i18n>\n                </vaadin-button>\n\n                <vaadin-button\n                  style=\"--lumo-contrast: var(--lumo-base-color)\"\n                  data-testid=\"reset\"\n                  theme=\"contrast tertiary\"\n                  @click=${() => this.__service.send('RESET')}\n                >\n                  <x-i18n lang=${this.lang} key=\"undo_all\"></x-i18n>\n                  <iron-icon icon=\"lumo:reload\" slot=\"suffix\"></iron-icon>\n                </vaadin-button>\n              </div>\n            `\n          : this.__service.state.matches('busy')\n          ? html`<x-loading-screen data-testid=\"loading\" class=\"mt-0\"></x-loading-screen>`\n          : ''}\n      </x-page>\n    `;\n  }\n\n  private async __reload() {\n    this.__service.stop();\n    this.__service\n      .onTransition(({ changed }) => changed && this.requestUpdate())\n      .onChange(() => this.requestUpdate())\n      .start();\n  }\n\n  private async __load(): Promise<CustomerPortalSettingsLoadSuccessEvent['data']> {\n    if (this.href === null) throw new FriendlyError('setup_needed');\n\n    try {\n      await this.updateComplete;\n\n      const resourceResponse = await RequestEvent.emit({ source: this, init: [this.href] });\n      let resource: FxCustomerPortalSettings | null;\n      let store: FxStore;\n\n      if (resourceResponse.status.toString().startsWith('4')) {\n        resource = null;\n\n        const bookmarkResponse = await RequestEvent.emit({ source: this, init: ['/'] });\n        throwIfNotOk(bookmarkResponse);\n\n        const bookmark = (await bookmarkResponse.json()) as FxBookmark;\n        const storeHref = bookmark._links['fx:store'].href;\n        const storeResponse = await RequestEvent.emit({ source: this, init: [storeHref] });\n        throwIfNotOk(storeResponse);\n\n        store = (await storeResponse.json()) as FxStore;\n      } else {\n        throwIfNotOk(resourceResponse);\n        resource = (await resourceResponse.json()) as FxCustomerPortalSettings;\n\n        const storeHref = resource._links['fx:store'].href;\n        const storeResponse = await RequestEvent.emit({ source: this, init: [storeHref] });\n        throwIfNotOk(storeResponse);\n\n        store = (await storeResponse.json()) as FxStore;\n      }\n\n      return { store, resource };\n    } catch (err) {\n      if (err instanceof FriendlyError) throw err;\n      if (err instanceof UnhandledRequestError) throw new FriendlyError('setup_needed');\n      throw new FriendlyError('unknown');\n    } finally {\n      await this.updateComplete;\n      this.dispatchEvent(new CustomerPortalSettingsReadyEvent());\n    }\n  }\n\n  private async __save(): Promise<void> {\n    try {\n      const context = this.__service.state.context;\n      const payload = cloneDeep(context.newResource) as Record<string, unknown> | null;\n      const method = payload ? 'PUT' : 'DELETE';\n\n      if (payload) {\n        delete payload._links;\n        delete payload.date_created;\n        delete payload.date_modified;\n      }\n\n      const options: RequestInit = { method, body: payload ? JSON.stringify(payload) : undefined };\n      const response = await RequestEvent.emit({ source: this, init: [this.href!, options] });\n\n      throwIfNotOk(response);\n    } catch (err) {\n      if (err instanceof FriendlyError) throw err;\n      if (err instanceof UnhandledRequestError) throw new FriendlyError('setup_needed');\n      throw new FriendlyError('unknown');\n    } finally {\n      await this.updateComplete;\n      this.dispatchEvent(new CustomerPortalSettingsUpdateEvent());\n    }\n  }\n}\n"]}
+{"version":3,"file":"CustomerPortalSettings.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortalSettings/CustomerPortalSettings.ts"],"names":[],"mappings":"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","sourcesContent":["import '@polymer/iron-icon';\nimport '@vaadin/vaadin-button';\n\nimport { ErrorScreen, FriendlyError } from '../../private/ErrorScreen/ErrorScreen';\nimport { FxBookmark, FxCustomerPortalSettings, FxStore } from '../../../types/hapi';\nimport { I18N, Page, Section, Skeleton } from '../../private/index';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { RequestEvent, UnhandledRequestError } from '../../../events/request';\nimport {\n  SessionDuration,\n  SessionDurationChangeEvent,\n} from './private/SessionDuration/SessionDuration';\nimport { SessionSecret, SessionSecretChangeEvent } from './private/SessionSecret/SessionSecret';\nimport { Switch, SwitchChangeEvent } from '../../private/Switch/Switch';\n\nimport { CustomerPortalSettingsLoadSuccessEvent } from './types';\nimport { FrequencyModification } from './private/FrequencyModification/FrequencyModification';\nimport { FrequencyModificationChangeEvent } from './private/FrequencyModification/FrequencyModificationChangeEvent';\nimport { LoadingScreen } from '../../private/LoadingScreen/LoadingScreen';\nimport { NextDateModification } from './private/NextDateModification/NextDateModification';\nimport { NextDateModificationChangeEvent } from './private/NextDateModification/NextDateModificationChangeEvent';\nimport { OriginsList } from './private/OriginsList/OriginsList';\nimport { OriginsListChangeEvent } from './private/OriginsList/OriginsListChangeEvent';\nimport { SSOSwitch } from './private/SSOSwitch/SSOSwitch';\nimport { SSOSwitchChangeEvent } from './private/SSOSwitch/SSOSwitchChangeEvent';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { Translatable } from '../../../mixins/translatable';\nimport cloneDeep from 'lodash-es/cloneDeep';\nimport { interpret } from 'xstate';\nimport { machine } from './machine';\nimport { SignUp } from './private/SignUp/SignUp';\nimport { SignUpChangeEvent } from './private/SignUp/SignUpChangeEvent';\n\nfunction throwIfNotOk(response: Response) {\n  if (response.ok) return;\n  throw new FriendlyError(response.status === 401 ? 'unauthorized' : 'unknown');\n}\n\nexport class CustomerPortalSettingsReadyEvent extends CustomEvent<void> {\n  constructor() {\n    super('ready');\n  }\n}\n\nexport class CustomerPortalSettingsUpdateEvent extends CustomEvent<void> {\n  constructor() {\n    super('update');\n  }\n}\n\n/** @deprecated – use `CustomerPortalSettingsForm` instead. */\nexport class CustomerPortalSettings extends Translatable {\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'iron-icon': customElements.get('iron-icon'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-frequency-modification': FrequencyModification,\n      'x-next-date-modification': NextDateModification,\n      'x-session-duration': SessionDuration,\n      'x-session-secret': SessionSecret,\n      'x-loading-screen': LoadingScreen,\n      'x-error-screen': ErrorScreen,\n      'x-origins-list': OriginsList,\n      'x-sso-switch': SSOSwitch,\n      'x-skeleton': Skeleton,\n      'x-section': Section,\n      'x-sign-up': SignUp,\n      'x-switch': Switch,\n      'x-i18n': I18N,\n      'x-page': Page,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      href: { type: String, noAccessor: true },\n    };\n  }\n\n  public readonly rel = 'customer_portal_settings';\n\n  private __machine = machine.withConfig({\n    services: {\n      load: () => this.__load(),\n      save: () => this.__save(),\n    },\n  });\n\n  private __service = interpret(this.__machine)\n    .onTransition(({ changed }) => changed && this.requestUpdate())\n    .onChange(() => this.requestUpdate())\n    .start();\n\n  public constructor() {\n    super('customer-portal-settings');\n  }\n\n  public get href(): string | null {\n    return this.__service.state.context.href;\n  }\n\n  public set href(data: string | null) {\n    this.__service.send({ type: 'SET_HREF', data });\n  }\n\n  public render(): TemplateResult {\n    if (this.__service.state.matches('error')) {\n      return html`\n        <x-error-screen\n          data-testid=\"error\"\n          lang=${this.lang}\n          type=${this.__service.state.context.error!}\n          reload\n          @reload=${this.__reload}\n        >\n        </x-error-screen>\n      `;\n    }\n\n    const { newResource } = this.__service.state.context;\n\n    const matchesCreated = this.__service.state.matches('idle.dirty.created');\n    const matchesDeleted = this.__service.state.matches('idle.dirty.deleted');\n    const matchesUpdated = this.__service.state.matches('idle.dirty.updated');\n    const matchesEnabled = this.__service.state.matches('idle.clean.enabled');\n    const matchesInvalid =\n      this.__service.state.matches('idle.dirty.updated.invalid') ||\n      this.__service.state.matches('idle.dirty.created.invalid');\n\n    return html`\n      <x-page class=\"relative\">\n        <x-switch\n          slot=\"title\"\n          data-testid=\"switch\"\n          .disabled=${!this.__service.state.matches('idle') || !this._isI18nReady}\n          .checked=${matchesEnabled || matchesCreated || matchesUpdated}\n          @change=${(evt: SwitchChangeEvent) => {\n            this.__service.send(evt.detail ? 'ENABLE' : 'DISABLE');\n          }}\n        >\n          <x-i18n key=\"title\" class=\"text-xxl\" .ns=${this.ns} .lang=${this.lang}>\n            <sup class=\"text-tertiary\">\n              <x-i18n key=\"beta\" .ns=${this.ns} .lang=${this.lang}> </x-i18n>\n            </sup>\n          </x-i18n>\n        </x-switch>\n\n        <x-i18n\n          class=\"block mr-xl\"\n          slot=\"subtitle\"\n          key=\"subtitle\"\n          .ns=${this.ns}\n          .lang=${this.lang}\n        >\n        </x-i18n>\n\n        <x-section>\n          <x-i18n slot=\"title\" key=\"origins.title\" .ns=${this.ns} .lang=${this.lang}></x-i18n>\n          <x-i18n slot=\"subtitle\" key=\"origins.subtitle\" .ns=${this.ns} .lang=${this.lang}></x-i18n>\n\n          <x-origins-list\n            data-testid=\"origins\"\n            .lang=${this.lang}\n            .ns=${this.ns}\n            .value=${newResource?.allowedOrigins ?? []}\n            .disabled=${!newResource}\n            @change=${(evt: OriginsListChangeEvent) => {\n              this.__service.send({ type: 'SET_ORIGINS', value: evt.detail });\n            }}\n          >\n          </x-origins-list>\n        </x-section>\n\n        <x-frequency-modification\n          data-testid=\"fmod\"\n          .lang=${this.lang}\n          .ns=${this.ns}\n          .value=${newResource?.subscriptions.allowFrequencyModification ?? []}\n          ?disabled=${!newResource}\n          @change=${(evt: FrequencyModificationChangeEvent) => {\n            this.__service.send({ type: 'SET_FREQUENCY_MODIFICATION', value: evt.detail });\n          }}\n        >\n        </x-frequency-modification>\n\n        <x-next-date-modification\n          data-testid=\"ndmod\"\n          .lang=${this.lang}\n          .ns=${this.ns}\n          .value=${newResource?.subscriptions.allowNextDateModification ?? false}\n          .disabled=${!newResource}\n          @change=${(evt: NextDateModificationChangeEvent) => {\n            this.__service.send({ type: 'SET_NEXT_DATE_MODIFICATION', value: evt.detail });\n          }}\n        >\n        </x-next-date-modification>\n\n        <x-sso-switch\n          data-testid=\"sso\"\n          .lang=${this.lang}\n          .ns=${this.ns}\n          .value=${newResource?.sso ?? false}\n          .disabled=${!newResource}\n          @change=${(evt: SSOSwitchChangeEvent) => {\n            this.__service.send({ type: 'SET_SSO', value: evt.detail });\n          }}\n        >\n        </x-sso-switch>\n\n        <x-sign-up\n          data-testid=\"signup\"\n          .disabled=${!newResource}\n          .value=${newResource?.signUp}\n          .lang=${this.lang}\n          .ns=${this.ns}\n          @change=${(evt: SignUpChangeEvent) => {\n            this.__service.send({ type: 'SET_SIGN_UP', value: evt.detail });\n          }}\n        >\n        </x-sign-up>\n\n        <x-section>\n          <x-i18n slot=\"title\" key=\"advanced.title\" .ns=${this.ns} .lang=${this.lang}></x-i18n>\n          <x-i18n slot=\"subtitle\" key=\"advanced.subtitle\" .ns=${this.ns} .lang=${this.lang}>\n          </x-i18n>\n\n          <x-session-duration\n            data-testid=\"session\"\n            .disabled=${!newResource || !this._isI18nReady}\n            .value=${newResource?.sessionLifespanInMinutes ?? 1}\n            .lang=${this.lang}\n            .ns=${this.ns}\n            @change=${({ detail }: SessionDurationChangeEvent) => {\n              this.__service.send({ type: 'SET_SESSION', ...detail });\n            }}\n          >\n          </x-session-duration>\n\n          <x-session-secret\n            data-testid=\"secret\"\n            .disabled=${!newResource || !this._isI18nReady}\n            .value=${newResource?.jwtSharedSecret ?? ''}\n            .lang=${this.lang}\n            .ns=${this.ns}\n            @change=${({ detail }: SessionSecretChangeEvent) => {\n              this.__service.send({ type: 'SET_SECRET', ...detail });\n            }}\n          >\n          </x-session-secret>\n        </x-section>\n\n        ${this.__service.state.matches('idle.dirty')\n          ? html`\n              <div\n                class=\"sticky flex justify-between rounded-t-l rounded-b-l shadow-m -mx-s p-s bg-contrast\"\n                style=\"bottom: var(--lumo-space-m)\"\n              >\n                <vaadin-button\n                  data-testid=\"save\"\n                  theme=\"primary ${matchesDeleted ? 'error' : 'success'}\"\n                  .disabled=${matchesInvalid}\n                  @click=${() => this.__service.send('SAVE')}\n                >\n                  <x-i18n\n                    lang=${this.lang}\n                    ns=${this.ns}\n                    key=\"save_${matchesCreated ? 'create' : matchesDeleted ? 'delete' : 'update'}\"\n                  >\n                  </x-i18n>\n                </vaadin-button>\n\n                <vaadin-button\n                  style=\"--lumo-contrast: var(--lumo-base-color)\"\n                  data-testid=\"reset\"\n                  theme=\"contrast tertiary\"\n                  @click=${() => this.__service.send('RESET')}\n                >\n                  <x-i18n lang=${this.lang} key=\"undo_all\"></x-i18n>\n                  <iron-icon icon=\"lumo:reload\" slot=\"suffix\"></iron-icon>\n                </vaadin-button>\n              </div>\n            `\n          : this.__service.state.matches('busy')\n          ? html`<x-loading-screen data-testid=\"loading\" class=\"mt-0\"></x-loading-screen>`\n          : ''}\n      </x-page>\n    `;\n  }\n\n  private async __reload() {\n    this.__service.stop();\n    this.__service\n      .onTransition(({ changed }) => changed && this.requestUpdate())\n      .onChange(() => this.requestUpdate())\n      .start();\n  }\n\n  private async __load(): Promise<CustomerPortalSettingsLoadSuccessEvent['data']> {\n    if (this.href === null) throw new FriendlyError('setup_needed');\n\n    try {\n      await this.updateComplete;\n\n      const resourceResponse = await RequestEvent.emit({ source: this, init: [this.href] });\n      let resource: FxCustomerPortalSettings | null;\n      let store: FxStore;\n\n      if (resourceResponse.status.toString().startsWith('4')) {\n        resource = null;\n\n        const bookmarkResponse = await RequestEvent.emit({ source: this, init: ['/'] });\n        throwIfNotOk(bookmarkResponse);\n\n        const bookmark = (await bookmarkResponse.json()) as FxBookmark;\n        const storeHref = bookmark._links['fx:store'].href;\n        const storeResponse = await RequestEvent.emit({ source: this, init: [storeHref] });\n        throwIfNotOk(storeResponse);\n\n        store = (await storeResponse.json()) as FxStore;\n      } else {\n        throwIfNotOk(resourceResponse);\n        resource = (await resourceResponse.json()) as FxCustomerPortalSettings;\n\n        const storeHref = resource._links['fx:store'].href;\n        const storeResponse = await RequestEvent.emit({ source: this, init: [storeHref] });\n        throwIfNotOk(storeResponse);\n\n        store = (await storeResponse.json()) as FxStore;\n      }\n\n      return { store, resource };\n    } catch (err) {\n      if (err instanceof FriendlyError) throw err;\n      if (err instanceof UnhandledRequestError) throw new FriendlyError('setup_needed');\n      throw new FriendlyError('unknown');\n    } finally {\n      await this.updateComplete;\n      this.dispatchEvent(new CustomerPortalSettingsReadyEvent());\n    }\n  }\n\n  private async __save(): Promise<void> {\n    try {\n      const context = this.__service.state.context;\n      const payload = cloneDeep(context.newResource) as Record<string, unknown> | null;\n      const method = payload ? 'PUT' : 'DELETE';\n\n      if (payload) {\n        delete payload._links;\n        delete payload.date_created;\n        delete payload.date_modified;\n      }\n\n      const options: RequestInit = { method, body: payload ? JSON.stringify(payload) : undefined };\n      const response = await RequestEvent.emit({ source: this, init: [this.href!, options] });\n\n      throwIfNotOk(response);\n    } catch (err) {\n      if (err instanceof FriendlyError) throw err;\n      if (err instanceof UnhandledRequestError) throw new FriendlyError('setup_needed');\n      throw new FriendlyError('unknown');\n    } finally {\n      await this.updateComplete;\n      this.dispatchEvent(new CustomerPortalSettingsUpdateEvent());\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,36 @@
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for editing `fx:customer_portal_settings` resources.
+ *
+ * @element foxy-customer-portal-settings-form
+ * @since 1.27.0
+ */
+export declare class CustomerPortalSettingsForm extends Base<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    private readonly __sessionLifespanInMinutesOptions;
+    private readonly __sessionLifespanInMinutesGetValue;
+    private readonly __sessionLifespanInMinutesSetValue;
+    private readonly __allowedOriginsGetValue;
+    private readonly __allowedOriginsSetValue;
+    private readonly __featuresOptions;
+    private readonly __featuresGetValue;
+    private readonly __featuresSetValue;
+    private readonly __signUpVerificationHcaptchaSiteKeyGetValue;
+    private readonly __signUpVerificationHcaptchaSiteKeySetValue;
+    private readonly __signUpVerificationHcaptchaSecretKeyGetValue;
+    private readonly __signUpVerificationHcaptchaSecretKeySetValue;
+    private readonly __jwtSecretGeneratorOptions;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendPost(edits: Partial<Data>): Promise<Data>;
+    protected _sendPatch(edits: Partial<Data>): Promise<Data>;
+    private __removeNullProperties;
+}
+export {};