@foxy.io/elements 1.27.0-beta.4 → 1.27.0-beta.6

package/dist/elements/public/CouponForm/internal/InternalCouponFormRulesControl/InternalCouponFormRulesControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCouponFormRulesControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CouponForm/internal/InternalCouponFormRulesControl/InternalCouponFormRulesControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,gFAA6E;AAC/G,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,8BAA+B,SAAQ,uBAAuB;IACzE,aAAa;;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAA4B,CAAC;QAClD,MAAM,OAAO,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,uBAAuB,mCAAI,EAAE,CAAC;QAC5D,MAAM,IAAI,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,oBAAoB,mCAAI,iBAAiB,CAAC;QACrE,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;QACpD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QAExC,OAAO,IAAI,CAAA;;;;oBAIK,QAAQ,CAAC;YACf,sCAAsC,EAAE,IAAI;YAC5C,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ;YAChC,eAAe,EAAE,IAAI,CAAC,QAAQ;SAC/B,CAAC;;cAEA,IAAI,CAAC,KAAK;;kCAEU,IAAI,CAAC,cAAc,EAAE;;;;;yBAK9B,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;oBACrC,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,aAAgC,CAAC;YACrD,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC;YAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,OAA4B,CAAC;YAElD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;gBACZ,uBAAuB,EAAE,cAAc,CAAC,OAAO;gBAC/C,oBAAoB,EAAE,cAAc,CAAC,IAAI;aAC1C,EAAE;QACL,CAAC;;;;UAID,UAAU,IAAI,WAAW;YACzB,CAAC,CAAC,IAAI,CAAA;;wBAEQ,QAAQ,CAAC;gBACf,4CAA4C,EAAE,IAAI;gBAClD,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAClD,eAAe,EAAE,IAAI,CAAC,QAAQ;gBAC9B,WAAW,EAAE,IAAI,CAAC,QAAQ;aAC3B,CAAC;;kBAEA,WAAW,IAAI,UAAU;;aAE9B;YACH,CAAC,CAAC,EAAE;UACJ,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChD,CAAC,CAAC,IAAI,CAAA,kDAAkD,IAAI,CAAC,aAAa,MAAM;YAChF,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;IAEO,wBAAwB;;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,OAA4B,CAAC;QAClD,MAAM,IAAI,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,oBAAoB,mCAAI,iBAAiB,CAAC;QACrE,MAAM,OAAO,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,uBAAuB,mCAAI,EAAE,CAAC;QAE5D,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,OAAO,IAAI,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAChF,CAAC;IAEO,cAAc;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,OAA4B,CAAC;QAClD,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,uBAAuB,CAAC;QACtD,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,oBAAoB,CAAC;QAEhD,MAAM,OAAO,GAAG;YACd,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE;YACpD,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,qBAAqB,EAAE;YAC/D,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,EAAE;YACvD,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,gCAAgC,EAAE;YAC1E,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,cAAc,EAAE;YACxD,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,aAAa,EAAE;YACvD,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,aAAa,EAAE;YACnD,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,EAAE;SAChD,CAAC;QAEX,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QAEnF,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,gFAAgF,EAAE,IAAI;YACtF,kDAAkD,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YACpF,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,eAAe,EAAE,IAAI,CAAC,QAAQ;SAC/B,CAAC;;;;;;cAMI,cAAc;YACd,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,cAAc,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC;YAC5E,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;;;;;;wBASjB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;sBAChC,CAAC,GAAU,EAAE,EAAE;;YACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;YACtD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,OAA4B,CAAC;YAElD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;gBACZ,uBAAuB,QAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,EAAE;gBAC9C,oBAAoB,QAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,iBAAiB;aACxD,EAAE;QACL,CAAC;;cAEC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACrB,OAAO,IAAI,CAAA;gCACO,MAAM,CAAC,OAAO,cAAc,MAAM,KAAK,cAAc;oBACjE,IAAI,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC;;eAEvE,CAAC;QACJ,CAAC,CAAC;;+CAEiC,CAAC,cAAc,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI;gBACrE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;;KAKpC,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { CouponForm } from '../../CouponForm';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\nexport class InternalCouponFormRulesControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    const nucleon = this.nucleon as CouponForm | null;\n    const details = nucleon?.form.coupon_discount_details ?? '';\n    const type = nucleon?.form.coupon_discount_type ?? 'quantity_amount';\n    const helperText = this.helperText;\n    const description = this.__renderRulesDescription();\n    const errorMessage = this._errorMessage;\n\n    return html`\n      <section>\n        <p class=\"leading-xs flex items-center justify-between space-x-m text-s mb-xs\">\n          <span\n            class=${classMap({\n              'transition-colors font-medium flex-1': true,\n              'text-secondary': !this.disabled,\n              'text-disabled': this.disabled,\n            })}\n          >\n            ${this.label}\n          </span>\n          <span class=\"min-w-0\">${this.__renderPreset()}</span>\n        </p>\n\n        <foxy-discount-builder\n          infer=\"discount-builder\"\n          .parsedValue=${{ details, type, name: 'Rules' }}\n          @change=${(evt: CustomEvent) => {\n            const builder = evt.currentTarget as DiscountBuilder;\n            const newParsedValue = builder.parsedValue;\n            const nucleon = this.nucleon as CouponForm | null;\n\n            nucleon?.edit({\n              coupon_discount_details: newParsedValue.details,\n              coupon_discount_type: newParsedValue.type,\n            });\n          }}\n        >\n        </foxy-discount-builder>\n\n        ${helperText || description\n          ? html`\n              <p\n                class=${classMap({\n                  'text-xs mt-xs leading-xs transition-colors': true,\n                  'text-secondary': !this.disabled && !this.readonly,\n                  'text-disabled': this.disabled,\n                  'text-body': this.readonly,\n                })}\n              >\n                ${description || helperText}\n              </p>\n            `\n          : ''}\n        ${errorMessage && !this.disabled && !this.readonly\n          ? html`<p class=\"mt-xs text-xs leading-xs text-error\">${this._errorMessage}</p>`\n          : ''}\n      </section>\n    `;\n  }\n\n  private __renderRulesDescription() {\n    const nucleon = this.nucleon as CouponForm | null;\n    const type = nucleon?.form.coupon_discount_type ?? 'quantity_amount';\n    const details = nucleon?.form.coupon_discount_details ?? '';\n\n    if (!details) return null;\n    return this.t('discount_summary', { params: { details, type, ns: this.ns } });\n  }\n\n  private __renderPreset() {\n    const nucleon = this.nucleon as CouponForm | null;\n    const details = nucleon?.form.coupon_discount_details;\n    const type = nucleon?.form.coupon_discount_type;\n\n    const presets = [\n      { type: 'quantity_amount', details: 'allunits|2-2' },\n      { type: 'quantity_percentage', details: 'allunits|5-10|10-20' },\n      { type: 'quantity_amount', details: 'incremental|3-5' },\n      { type: 'quantity_percentage', details: 'incremental|11-10|51-15|101-20' },\n      { type: 'quantity_percentage', details: 'repeat|2-100' },\n      { type: 'quantity_percentage', details: 'repeat|4-50' },\n      { type: 'quantity_amount', details: 'single|5-10' },\n      { type: 'price_percentage', details: 'single|99.99-10' },\n    ] as const;\n\n    const selectedPreset = presets.find(p => p.details === details && p.type === type);\n\n    return html`\n      <label\n        data-testid=\"rules:preset\"\n        class=${classMap({\n          'whitespace-nowrap block ring-primary-50 rounded px-xs -mx-xs transition-colors': true,\n          'text-body hover-text-primary focus-within-ring-2': !this.disabled && !this.readonly,\n          'text-secondary': this.readonly,\n          'text-disabled': this.disabled,\n        })}\n      >\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=\"preset\"></foxy-i18n>\n\n        <span class=\"relative font-medium flex items-center\">\n          <span class=\"truncate\">\n            ${selectedPreset\n              ? this.t('discount_summary', { params: { ...selectedPreset, ns: this.ns } })\n              : this.t('custom_discount')}\n          </span>\n\n          <iron-icon class=\"icon-inline text-xl ml-xs -mr-xs\" icon=\"icons:expand-more\"></iron-icon>\n\n          <select\n            data-testclass=\"interactive editable\"\n            data-testid=\"rules:preset:select\"\n            class=\"opacity-0 absolute inset-0 focus-outline-none\"\n            ?disabled=${this.disabled || this.readonly}\n            @change=${(evt: Event) => {\n              const select = evt.currentTarget as HTMLSelectElement;\n              const preset = presets[select.selectedIndex];\n              const nucleon = this.nucleon as CouponForm | null;\n\n              nucleon?.edit({\n                coupon_discount_details: preset?.details ?? '',\n                coupon_discount_type: preset?.type ?? 'quantity_amount',\n              });\n            }}\n          >\n            ${presets.map(option => {\n              return html`\n                <option value=${option.details} ?selected=${option === selectedPreset}>\n                  ${this.t('discount_summary', { params: { ...option, ns: this.ns } })}\n                </option>\n              `;\n            })}\n\n            <option value=\"custom\" ?selected=${!selectedPreset && !!details && !!type}>\n              ${this.t('custom_discount')}\n            </option>\n          </select>\n        </span>\n      </label>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CouponForm/internal/InternalCouponFormRulesControl/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalEditableControl/index';
+import '../../../CopyToClipboard/index';
+import '../../../DiscountBuilder/index';
+import '../../../I18n/index';
+import { InternalCouponFormRulesControl } from './InternalCouponFormRulesControl';
+export { InternalCouponFormRulesControl };

package/dist/elements/public/CouponForm/internal/InternalCouponFormRulesControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalEditableControl/index.js";
+import "../../../CopyToClipboard/index.js";
+import "../../../DiscountBuilder/index.js";
+import "../../../I18n/index.js";
+import { InternalCouponFormRulesControl } from "./InternalCouponFormRulesControl.js";
+customElements.define('foxy-internal-coupon-form-rules-control', InternalCouponFormRulesControl);
+export { InternalCouponFormRulesControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/CouponForm/internal/InternalCouponFormRulesControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CouponForm/internal/InternalCouponFormRulesControl/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAE5D,2CAAwC;AACxC,2CAAwC;AACxC,gCAA6B;AAE7B,OAAO,EAAE,8BAA8B,EAAE,4CAAyC;AAElF,cAAc,CAAC,MAAM,CAAC,yCAAyC,EAAE,8BAA8B,CAAC,CAAC;AAEjG,OAAO,EAAE,8BAA8B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalEditableControl/index';\n\nimport '../../../CopyToClipboard/index';\nimport '../../../DiscountBuilder/index';\nimport '../../../I18n/index';\n\nimport { InternalCouponFormRulesControl } from './InternalCouponFormRulesControl';\n\ncustomElements.define('foxy-internal-coupon-form-rules-control', InternalCouponFormRulesControl);\n\nexport { InternalCouponFormRulesControl };\n"]}

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

@@ -3,4 +3,13 @@ import type { Rels } from '@foxy.io/sdk/backend';
 export declare type TransactionPageHrefGetter = (transactionHref: string, transaction: Resource<Rels.Transaction, {
     zoom: 'items';
 }>) => string | null;
-export declare type Data = Resource<Rels.Coupon>;
+export declare type Data = Resource<Rels.Coupon> & {
+    item_option_restrictions: null | Record<string, string[]>;
+    shared_codes_allowed: boolean;
+    inclusive_tax_rate: number;
+    _links: {
+        'fx:attributes': {
+            href: string;
+        };
+    };
+};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type TransactionPageHrefGetter = (\n  transactionHref: string,\n  transaction: Resource<Rels.Transaction, { zoom: 'items' }>\n) => string | null;\n\nexport type Data = Resource<Rels.Coupon>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type TransactionPageHrefGetter = (\n  transactionHref: string,\n  transaction: Resource<Rels.Transaction, { zoom: 'items' }>\n) => string | null;\n\nexport type Data = Resource<Rels.Coupon> & {\n  // TODO: remove this once SDK is updated\n  item_option_restrictions: null | Record<string, string[]>;\n  shared_codes_allowed: boolean;\n  inclusive_tax_rate: number;\n  _links: { 'fx:attributes': { href: string } };\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 {};

package/dist/elements/public/CustomerPortalSettingsForm/CustomerPortalSettingsForm.js

@@ -0,0 +1,291 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { isOrigin } from "./isOrigin.js";
+import { html } from 'lit-html';
+import { toOrigin } from "./toOrigin.js";
+const NS = 'customer-portal-settings-form';
+const Base = TranslatableMixin(InternalForm, NS);
+/**
+ * Form element for editing `fx:customer_portal_settings` resources.
+ *
+ * @element foxy-customer-portal-settings-form
+ * @since 1.27.0
+ */
+export class CustomerPortalSettingsForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.__sessionLifespanInMinutesOptions = [
+            { value: 'm', label: 'option_minute' },
+            { value: 'h', label: 'option_hour' },
+            { value: 'd', label: 'option_day' },
+            { value: 'w', label: 'option_week' },
+        ];
+        this.__sessionLifespanInMinutesGetValue = () => {
+            var _a;
+            const minutes = (_a = this.form.sessionLifespanInMinutes) !== null && _a !== void 0 ? _a : 0;
+            if (minutes % 10080 === 0)
+                return `${minutes / 10080}w`;
+            if (minutes % 1440 === 0)
+                return `${minutes / 1440}d`;
+            if (minutes % 60 === 0)
+                return `${minutes / 60}h`;
+            return `${minutes}m`;
+        };
+        this.__sessionLifespanInMinutesSetValue = (newValue) => {
+            const numericValue = parseInt(newValue);
+            if (newValue.endsWith('w')) {
+                this.edit({ sessionLifespanInMinutes: numericValue * 10080 });
+            }
+            else if (newValue.endsWith('d')) {
+                this.edit({ sessionLifespanInMinutes: numericValue * 1440 });
+            }
+            else if (newValue.endsWith('h')) {
+                this.edit({ sessionLifespanInMinutes: numericValue * 60 });
+            }
+            else {
+                this.edit({ sessionLifespanInMinutes: numericValue });
+            }
+        };
+        this.__allowedOriginsGetValue = () => {
+            var _a;
+            return (_a = this.form.allowedOrigins) === null || _a === void 0 ? void 0 : _a.map(value => ({
+                label: isOrigin(value) ? value : `⚠️ ${value}`,
+                value,
+            }));
+        };
+        this.__allowedOriginsSetValue = (newValue) => {
+            this.edit({
+                allowedOrigins: newValue
+                    .map(({ value }) => toOrigin(value))
+                    .filter((v, i, a) => a.indexOf(v) === i),
+            });
+        };
+        this.__featuresOptions = [
+            { value: 'sso', label: 'option_sso' },
+            { value: 'sign-up', label: 'option_sign_up' },
+            { value: 'frequency-modification', label: 'option_frequency_modification' },
+            { value: 'next-date-modification', label: 'option_next_date_modification' },
+        ];
+        this.__featuresGetValue = () => {
+            var _a, _b, _c;
+            const features = [];
+            if (this.form.sso)
+                features.push('sso');
+            if ((_a = this.form.signUp) === null || _a === void 0 ? void 0 : _a.enabled)
+                features.push('sign-up');
+            if ((_b = this.form.subscriptions) === null || _b === void 0 ? void 0 : _b.allowNextDateModification)
+                features.push('next-date-modification');
+            if ((_c = this.form.subscriptions) === null || _c === void 0 ? void 0 : _c.allowFrequencyModification.length) {
+                features.push('frequency-modification');
+            }
+            return features;
+        };
+        this.__featuresSetValue = (features) => {
+            var _a, _b, _c, _d, _e;
+            const fmod = (_b = (_a = this.form.subscriptions) === null || _a === void 0 ? void 0 : _a.allowFrequencyModification) !== null && _b !== void 0 ? _b : [];
+            this.edit({
+                sso: features.includes('sso'),
+                signUp: {
+                    enabled: features.includes('sign-up'),
+                    verification: (_d = (_c = this.form.signUp) === null || _c === void 0 ? void 0 : _c.verification) !== null && _d !== void 0 ? _d : {
+                        type: 'hcaptcha',
+                        siteKey: '',
+                        secretKey: '',
+                    },
+                },
+                subscriptions: {
+                    allowFrequencyModification: features.includes('frequency-modification')
+                        ? fmod.length === 0
+                            ? [{ jsonataQuery: '*', values: [] }]
+                            : fmod
+                        : [],
+                    allowNextDateModification: features.includes('next-date-modification')
+                        ? ((_e = this.form.subscriptions) === null || _e === void 0 ? void 0 : _e.allowNextDateModification) || []
+                        : false,
+                },
+            });
+        };
+        this.__signUpVerificationHcaptchaSiteKeyGetValue = () => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.form.signUp) === null || _a === void 0 ? void 0 : _a.verification) === null || _b === void 0 ? void 0 : _b.siteKey) !== null && _c !== void 0 ? _c : '';
+        };
+        this.__signUpVerificationHcaptchaSiteKeySetValue = (newValue) => {
+            var _a, _b, _c, _d;
+            this.edit({
+                signUp: {
+                    enabled: !!((_a = this.form.signUp) === null || _a === void 0 ? void 0 : _a.enabled),
+                    verification: {
+                        secretKey: (_d = (_c = (_b = this.form.signUp) === null || _b === void 0 ? void 0 : _b.verification) === null || _c === void 0 ? void 0 : _c.secretKey) !== null && _d !== void 0 ? _d : '',
+                        siteKey: newValue,
+                        type: 'hcaptcha',
+                    },
+                },
+            });
+        };
+        this.__signUpVerificationHcaptchaSecretKeyGetValue = () => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.form.signUp) === null || _a === void 0 ? void 0 : _a.verification) === null || _b === void 0 ? void 0 : _b.secretKey) !== null && _c !== void 0 ? _c : '';
+        };
+        this.__signUpVerificationHcaptchaSecretKeySetValue = (newValue) => {
+            var _a, _b, _c, _d;
+            this.edit({
+                signUp: {
+                    enabled: !!((_a = this.form.signUp) === null || _a === void 0 ? void 0 : _a.enabled),
+                    verification: {
+                        secretKey: newValue,
+                        siteKey: (_d = (_c = (_b = this.form.signUp) === null || _b === void 0 ? void 0 : _b.verification) === null || _c === void 0 ? void 0 : _c.siteKey) !== null && _d !== void 0 ? _d : '',
+                        type: 'hcaptcha',
+                    },
+                },
+            });
+        };
+        this.__jwtSecretGeneratorOptions = {
+            charset: 'abcdefghijklmnopqrstuvwxyz0123456789',
+            length: 64,
+        };
+    }
+    static get v8n() {
+        return [
+            ({ sessionLifespanInMinutes: v }) => {
+                return typeof v !== 'number' || v <= 40320 || 'session-lifespan-in-minutes:v8n_too_long';
+            },
+            ({ allowedOrigins: v = [] }) => {
+                return v.length <= 10 || 'allowed-origins:v8n_too_many';
+            },
+            ({ allowedOrigins: v = [] }) => {
+                return v.every(isOrigin) || 'allowed-origins:v8n_invalid';
+            },
+            // TODO remove this once SDK types are fixed
+            // @ts-expect-error SDK types are incorrect
+            ({ jwtSharedSecret: v }) => {
+                return !v || /^[a-z0-9-]+$/.test(v) || 'jwt-shared-secret:v8n_invalid';
+            },
+            // TODO remove this once SDK types are fixed
+            // @ts-expect-error SDK types are incorrect
+            ({ jwtSharedSecret: v }) => {
+                return !v || v.length >= 40 || 'jwt-shared-secret:v8n_too_short';
+            },
+            // TODO remove this once SDK types are fixed
+            // @ts-expect-error SDK types are incorrect
+            ({ jwtSharedSecret: v }) => {
+                return !v || v.length <= 100 || 'jwt-shared-secret:v8n_too_long';
+            },
+            ({ signUp }) => {
+                const v = signUp === null || signUp === void 0 ? void 0 : signUp.verification.siteKey;
+                return !v || v.length <= 100 || 'sign-up-verification-hcaptcha-site-key:v8n_too_long';
+            },
+            ({ signUp }) => {
+                const v = signUp === null || signUp === void 0 ? void 0 : signUp.verification.secretKey;
+                return !v || v.length <= 100 || 'sign-up-verification-hcaptcha-secret-key:v8n_too_long';
+            },
+        ];
+    }
+    get hiddenSelector() {
+        var _a, _b, _c;
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!((_a = this.form.signUp) === null || _a === void 0 ? void 0 : _a.enabled)) {
+            alwaysMatch.push('sign-up-verification-hcaptcha-site-key', 'sign-up-verification-hcaptcha-secret-key');
+        }
+        if (!((_b = this.form.subscriptions) === null || _b === void 0 ? void 0 : _b.allowFrequencyModification.length)) {
+            alwaysMatch.push('subscriptions-allow-frequency-modification');
+        }
+        if (!((_c = this.form.subscriptions) === null || _c === void 0 ? void 0 : _c.allowNextDateModification)) {
+            alwaysMatch.push('subscriptions-allow-next-date-modification');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
+    renderBody() {
+        return html `
+      <foxy-internal-editable-list-control
+        infer="allowed-origins"
+        .getValue=${this.__allowedOriginsGetValue}
+        .setValue=${this.__allowedOriginsSetValue}
+      >
+      </foxy-internal-editable-list-control>
+
+      <foxy-internal-checkbox-group-control
+        infer="features"
+        theme="vertical"
+        .getValue=${this.__featuresGetValue}
+        .setValue=${this.__featuresSetValue}
+        .options=${this.__featuresOptions}
+      >
+      </foxy-internal-checkbox-group-control>
+
+      <foxy-internal-password-control
+        infer="sign-up-verification-hcaptcha-site-key"
+        .getValue=${this.__signUpVerificationHcaptchaSiteKeyGetValue}
+        .setValue=${this.__signUpVerificationHcaptchaSiteKeySetValue}
+      >
+      </foxy-internal-password-control>
+
+      <foxy-internal-password-control
+        infer="sign-up-verification-hcaptcha-secret-key"
+        .getValue=${this.__signUpVerificationHcaptchaSecretKeyGetValue}
+        .setValue=${this.__signUpVerificationHcaptchaSecretKeySetValue}
+      >
+      </foxy-internal-password-control>
+
+      <foxy-internal-async-list-control
+        first="foxy://${this.virtualHost}/form/subscriptions/allowFrequencyModification"
+        infer="subscriptions-allow-frequency-modification"
+        limit="20"
+        form="foxy-internal-customer-portal-settings-form-subscriptions-allow-frequency-modification-rule-form"
+        item="foxy-internal-customer-portal-settings-form-subscriptions-allow-frequency-modification-rule-card"
+        alert
+      >
+      </foxy-internal-async-list-control>
+
+      <foxy-internal-async-list-control
+        first="foxy://${this.virtualHost}/form/subscriptions/allowNextDateModification"
+        infer="subscriptions-allow-next-date-modification"
+        limit="20"
+        form="foxy-internal-customer-portal-settings-form-subscriptions-allow-next-date-modification-rule-form"
+        item="foxy-internal-customer-portal-settings-form-subscriptions-allow-next-date-modification-rule-card"
+        alert
+      >
+      </foxy-internal-async-list-control>
+
+      <foxy-internal-frequency-control
+        infer="session-lifespan-in-minutes"
+        max=""
+        .getValue=${this.__sessionLifespanInMinutesGetValue}
+        .setValue=${this.__sessionLifespanInMinutesSetValue}
+        .options=${this.__sessionLifespanInMinutesOptions}
+      >
+      </foxy-internal-frequency-control>
+
+      <foxy-internal-password-control
+        property="jwtSharedSecret"
+        infer="jwt-shared-secret"
+        show-generator
+        .generatorOptions=${this.__jwtSecretGeneratorOptions}
+      >
+      </foxy-internal-password-control>
+
+      ${super.renderBody()}
+    `;
+    }
+    async _sendPost(edits) {
+        this.__removeNullProperties(edits);
+        return super._sendPost(edits);
+    }
+    async _sendPatch(edits) {
+        this.__removeNullProperties(edits);
+        return super._sendPatch(edits);
+    }
+    __removeNullProperties(edits) {
+        var _a, _b;
+        if (typeof ((_a = edits.subscriptions) === null || _a === void 0 ? void 0 : _a.allowNextDateModification) === 'object') {
+            (_b = edits.subscriptions) === null || _b === void 0 ? void 0 : _b.allowNextDateModification.forEach(rule => {
+                for (const key in rule) {
+                    const typedKey = key;
+                    if (rule[typedKey] === null)
+                        delete rule[typedKey];
+                }
+            });
+        }
+    }
+}
+//# sourceMappingURL=CustomerPortalSettingsForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerPortalSettingsForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortalSettingsForm/CustomerPortalSettingsForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { isOrigin } from './isOrigin';\nimport { html } from 'lit-html';\nimport { toOrigin } from './toOrigin';\n\nconst NS = 'customer-portal-settings-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for editing `fx:customer_portal_settings` resources.\n *\n * @element foxy-customer-portal-settings-form\n * @since 1.27.0\n */\nexport class CustomerPortalSettingsForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ sessionLifespanInMinutes: v }) => {\n        return typeof v !== 'number' || v <= 40320 || 'session-lifespan-in-minutes:v8n_too_long';\n      },\n      ({ allowedOrigins: v = [] }) => {\n        return v.length <= 10 || 'allowed-origins:v8n_too_many';\n      },\n      ({ allowedOrigins: v = [] }) => {\n        return v.every(isOrigin) || 'allowed-origins:v8n_invalid';\n      },\n      // TODO remove this once SDK types are fixed\n      // @ts-expect-error SDK types are incorrect\n      ({ jwtSharedSecret: v }) => {\n        return !v || /^[a-z0-9-]+$/.test(v) || 'jwt-shared-secret:v8n_invalid';\n      },\n      // TODO remove this once SDK types are fixed\n      // @ts-expect-error SDK types are incorrect\n      ({ jwtSharedSecret: v }) => {\n        return !v || v.length >= 40 || 'jwt-shared-secret:v8n_too_short';\n      },\n      // TODO remove this once SDK types are fixed\n      // @ts-expect-error SDK types are incorrect\n      ({ jwtSharedSecret: v }) => {\n        return !v || v.length <= 100 || 'jwt-shared-secret:v8n_too_long';\n      },\n      ({ signUp }) => {\n        const v = signUp?.verification.siteKey;\n        return !v || v.length <= 100 || 'sign-up-verification-hcaptcha-site-key:v8n_too_long';\n      },\n      ({ signUp }) => {\n        const v = signUp?.verification.secretKey;\n        return !v || v.length <= 100 || 'sign-up-verification-hcaptcha-secret-key:v8n_too_long';\n      },\n    ];\n  }\n\n  private readonly __sessionLifespanInMinutesOptions = [\n    { value: 'm', label: 'option_minute' },\n    { value: 'h', label: 'option_hour' },\n    { value: 'd', label: 'option_day' },\n    { value: 'w', label: 'option_week' },\n  ];\n\n  private readonly __sessionLifespanInMinutesGetValue = () => {\n    const minutes = this.form.sessionLifespanInMinutes ?? 0;\n    if (minutes % 10080 === 0) return `${minutes / 10080}w`;\n    if (minutes % 1440 === 0) return `${minutes / 1440}d`;\n    if (minutes % 60 === 0) return `${minutes / 60}h`;\n    return `${minutes}m`;\n  };\n\n  private readonly __sessionLifespanInMinutesSetValue = (newValue: string) => {\n    const numericValue = parseInt(newValue);\n\n    if (newValue.endsWith('w')) {\n      this.edit({ sessionLifespanInMinutes: numericValue * 10080 });\n    } else if (newValue.endsWith('d')) {\n      this.edit({ sessionLifespanInMinutes: numericValue * 1440 });\n    } else if (newValue.endsWith('h')) {\n      this.edit({ sessionLifespanInMinutes: numericValue * 60 });\n    } else {\n      this.edit({ sessionLifespanInMinutes: numericValue });\n    }\n  };\n\n  private readonly __allowedOriginsGetValue = () => {\n    return this.form.allowedOrigins?.map(value => ({\n      label: isOrigin(value) ? value : `⚠️ ${value}`,\n      value,\n    }));\n  };\n\n  private readonly __allowedOriginsSetValue = (newValue: Item[]) => {\n    this.edit({\n      allowedOrigins: newValue\n        .map(({ value }) => toOrigin(value))\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  private readonly __featuresOptions = [\n    { value: 'sso', label: 'option_sso' },\n    { value: 'sign-up', label: 'option_sign_up' },\n    { value: 'frequency-modification', label: 'option_frequency_modification' },\n    { value: 'next-date-modification', label: 'option_next_date_modification' },\n  ];\n\n  private readonly __featuresGetValue = () => {\n    const features: string[] = [];\n\n    if (this.form.sso) features.push('sso');\n    if (this.form.signUp?.enabled) features.push('sign-up');\n    if (this.form.subscriptions?.allowNextDateModification) features.push('next-date-modification');\n    if (this.form.subscriptions?.allowFrequencyModification.length) {\n      features.push('frequency-modification');\n    }\n\n    return features;\n  };\n\n  private readonly __featuresSetValue = (features: string[]) => {\n    const fmod = this.form.subscriptions?.allowFrequencyModification ?? [];\n\n    this.edit({\n      sso: features.includes('sso'),\n      signUp: {\n        enabled: features.includes('sign-up'),\n        verification: this.form.signUp?.verification ?? {\n          type: 'hcaptcha',\n          siteKey: '',\n          secretKey: '',\n        },\n      },\n      subscriptions: {\n        allowFrequencyModification: features.includes('frequency-modification')\n          ? fmod.length === 0\n            ? [{ jsonataQuery: '*', values: [] }]\n            : fmod\n          : [],\n        allowNextDateModification: features.includes('next-date-modification')\n          ? this.form.subscriptions?.allowNextDateModification || []\n          : false,\n      },\n    });\n  };\n\n  private readonly __signUpVerificationHcaptchaSiteKeyGetValue = () => {\n    return this.form.signUp?.verification?.siteKey ?? '';\n  };\n\n  private readonly __signUpVerificationHcaptchaSiteKeySetValue = (newValue: string) => {\n    this.edit({\n      signUp: {\n        enabled: !!this.form.signUp?.enabled,\n        verification: {\n          secretKey: this.form.signUp?.verification?.secretKey ?? '',\n          siteKey: newValue,\n          type: 'hcaptcha',\n        },\n      },\n    });\n  };\n\n  private readonly __signUpVerificationHcaptchaSecretKeyGetValue = () => {\n    return this.form.signUp?.verification?.secretKey ?? '';\n  };\n\n  private readonly __signUpVerificationHcaptchaSecretKeySetValue = (newValue: string) => {\n    this.edit({\n      signUp: {\n        enabled: !!this.form.signUp?.enabled,\n        verification: {\n          secretKey: newValue,\n          siteKey: this.form.signUp?.verification?.siteKey ?? '',\n          type: 'hcaptcha',\n        },\n      },\n    });\n  };\n\n  private readonly __jwtSecretGeneratorOptions = {\n    charset: 'abcdefghijklmnopqrstuvwxyz0123456789',\n    length: 64,\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.form.signUp?.enabled) {\n      alwaysMatch.push(\n        'sign-up-verification-hcaptcha-site-key',\n        'sign-up-verification-hcaptcha-secret-key'\n      );\n    }\n\n    if (!this.form.subscriptions?.allowFrequencyModification.length) {\n      alwaysMatch.push('subscriptions-allow-frequency-modification');\n    }\n\n    if (!this.form.subscriptions?.allowNextDateModification) {\n      alwaysMatch.push('subscriptions-allow-next-date-modification');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"allowed-origins\"\n        .getValue=${this.__allowedOriginsGetValue}\n        .setValue=${this.__allowedOriginsSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-checkbox-group-control\n        infer=\"features\"\n        theme=\"vertical\"\n        .getValue=${this.__featuresGetValue}\n        .setValue=${this.__featuresSetValue}\n        .options=${this.__featuresOptions}\n      >\n      </foxy-internal-checkbox-group-control>\n\n      <foxy-internal-password-control\n        infer=\"sign-up-verification-hcaptcha-site-key\"\n        .getValue=${this.__signUpVerificationHcaptchaSiteKeyGetValue}\n        .setValue=${this.__signUpVerificationHcaptchaSiteKeySetValue}\n      >\n      </foxy-internal-password-control>\n\n      <foxy-internal-password-control\n        infer=\"sign-up-verification-hcaptcha-secret-key\"\n        .getValue=${this.__signUpVerificationHcaptchaSecretKeyGetValue}\n        .setValue=${this.__signUpVerificationHcaptchaSecretKeySetValue}\n      >\n      </foxy-internal-password-control>\n\n      <foxy-internal-async-list-control\n        first=\"foxy://${this.virtualHost}/form/subscriptions/allowFrequencyModification\"\n        infer=\"subscriptions-allow-frequency-modification\"\n        limit=\"20\"\n        form=\"foxy-internal-customer-portal-settings-form-subscriptions-allow-frequency-modification-rule-form\"\n        item=\"foxy-internal-customer-portal-settings-form-subscriptions-allow-frequency-modification-rule-card\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        first=\"foxy://${this.virtualHost}/form/subscriptions/allowNextDateModification\"\n        infer=\"subscriptions-allow-next-date-modification\"\n        limit=\"20\"\n        form=\"foxy-internal-customer-portal-settings-form-subscriptions-allow-next-date-modification-rule-form\"\n        item=\"foxy-internal-customer-portal-settings-form-subscriptions-allow-next-date-modification-rule-card\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-frequency-control\n        infer=\"session-lifespan-in-minutes\"\n        max=\"\"\n        .getValue=${this.__sessionLifespanInMinutesGetValue}\n        .setValue=${this.__sessionLifespanInMinutesSetValue}\n        .options=${this.__sessionLifespanInMinutesOptions}\n      >\n      </foxy-internal-frequency-control>\n\n      <foxy-internal-password-control\n        property=\"jwtSharedSecret\"\n        infer=\"jwt-shared-secret\"\n        show-generator\n        .generatorOptions=${this.__jwtSecretGeneratorOptions}\n      >\n      </foxy-internal-password-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    this.__removeNullProperties(edits);\n    return super._sendPost(edits);\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    this.__removeNullProperties(edits);\n    return super._sendPatch(edits);\n  }\n\n  private __removeNullProperties(edits: Partial<Data>): void {\n    if (typeof edits.subscriptions?.allowNextDateModification === 'object') {\n      edits.subscriptions?.allowNextDateModification.forEach(rule => {\n        for (const key in rule) {\n          const typedKey = key as keyof typeof rule;\n          if (rule[typedKey] === null) delete rule[typedKey];\n        }\n      });\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import '../../internal/InternalCheckboxGroupControl/index';
+import '../../internal/InternalEditableListControl/index';
+import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalFrequencyControl/index';
+import '../../internal/InternalPasswordControl/index';
+import '../../internal/InternalForm/index';
+import './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowFrequencyModificationRuleForm/index';
+import './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowFrequencyModificationRuleCard/index';
+import './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowNextDateModificationRuleForm/index';
+import './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowNextDateModificationRuleCard/index';
+import { CustomerPortalSettingsForm } from './CustomerPortalSettingsForm';
+export { CustomerPortalSettingsForm };

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

@@ -0,0 +1,14 @@
+import "../../internal/InternalCheckboxGroupControl/index.js";
+import "../../internal/InternalEditableListControl/index.js";
+import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalFrequencyControl/index.js";
+import "../../internal/InternalPasswordControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "./internal/InternalCustomerPortalSettingsFormSubscriptionsAllowFrequencyModificationRuleForm/index.js";
+import "./internal/InternalCustomerPortalSettingsFormSubscriptionsAllowFrequencyModificationRuleCard/index.js";
+import "./internal/InternalCustomerPortalSettingsFormSubscriptionsAllowNextDateModificationRuleForm/index.js";
+import "./internal/InternalCustomerPortalSettingsFormSubscriptionsAllowNextDateModificationRuleCard/index.js";
+import { CustomerPortalSettingsForm } from "./CustomerPortalSettingsForm.js";
+customElements.define('foxy-customer-portal-settings-form', CustomerPortalSettingsForm);
+export { CustomerPortalSettingsForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortalSettingsForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,6DAA0D;AAC1D,0DAAuD;AACvD,0DAAuD;AACvD,yDAAsD;AACtD,8CAA2C;AAE3C,+GAA4G;AAC5G,+GAA4G;AAE5G,8GAA2G;AAC3G,8GAA2G;AAE3G,OAAO,EAAE,0BAA0B,EAAE,wCAAqC;AAE1E,cAAc,CAAC,MAAM,CAAC,oCAAoC,EAAE,0BAA0B,CAAC,CAAC;AAExF,OAAO,EAAE,0BAA0B,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalEditableListControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalPasswordControl/index';\nimport '../../internal/InternalForm/index';\n\nimport './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowFrequencyModificationRuleForm/index';\nimport './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowFrequencyModificationRuleCard/index';\n\nimport './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowNextDateModificationRuleForm/index';\nimport './internal/InternalCustomerPortalSettingsFormSubscriptionsAllowNextDateModificationRuleCard/index';\n\nimport { CustomerPortalSettingsForm } from './CustomerPortalSettingsForm';\n\ncustomElements.define('foxy-customer-portal-settings-form', CustomerPortalSettingsForm);\n\nexport { CustomerPortalSettingsForm };\n"]}