@foxy.io/elements 1.39.0-beta.4 → 1.39.0-beta.5

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

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalPasswordResetView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalPasswordResetView.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,gBAAgB,CAAC;AAYhE,MAAM,OAAO,uCAAwC,SAAQ,iBAAiB,CAAC,YAAY,CAAO;IAAlG;;QA2BE,gBAAW,GAAkB,IAAI,CAAC;QAEjB,uBAAkB,GAAqB;YACtD,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;SACxD,CAAC;IAqCJ,CAAC;IAnEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,WAAW,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;SAC3C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,uBAAuB;YACnD,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,uBAAuB;YACpE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,uBAAuB;SAClF,CAAC;IACJ,CAAC;IAQD,UAAU;QACR,OAAO,IAAI,CAAA;;yCAE0B,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW;;;;2BAI7D,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;;;;;;;;8BAQjD,IAAI,CAAC,kBAAkB;;;;;;;sBAO/B,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;mBACpC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;;;;KAKjC,CAAC;IACJ,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,QAAE,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,CAAC,CAAC;QACpD,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { GeneratorOptions } from '../../internal/InternalPasswordControl/generateRandomPassword';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Graph } from '@foxy.io/sdk/customer';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html, css } from 'lit-element';\n\nimport checkPasswordStrength from 'check-password-strength';\nconst passwordStrength = checkPasswordStrength.passwordStrength;\n\ntype Data = Resource<\n  Graph & {\n    props: {\n      /** When updating the password using Customer API, these values are required to complete the request. */\n      password_old?: string;\n      password?: string;\n    };\n  }\n>;\n\nexport class InternalCustomerPortalPasswordResetView extends TranslatableMixin(InternalForm)<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      passwordOld: { attribute: 'password-old' },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-25rem {\n          max-width: 25rem;\n        }\n      `,\n    ];\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ password: v }) => !!v || 'password:v8n_required',\n      ({ password: v }) => !v || v.length <= 50 || 'password:v8n_too_long',\n      ({ password: v }) => !v || passwordStrength(v).id >= 2 || 'password:v8n_too_weak',\n    ];\n  }\n\n  passwordOld: string | null = null;\n\n  private readonly __generatorOptions: GeneratorOptions = {\n    checkStrength: value => passwordStrength(value).id >= 2,\n  };\n\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"m-auto max-w-25rem leading-s\">\n        <p class=\"text-xxl font-medium ${this.in('busy') ? 'text-disabled' : 'text-body'}\">\n          <foxy-i18n infer=\"\" key=\"title\"></foxy-i18n>\n        </p>\n\n        <p class=\"text-l ${this.in('busy') ? 'text-disabled' : 'text-secondary'}\">\n          <foxy-i18n infer=\"\" key=\"subtitle\"></foxy-i18n>\n        </p>\n\n        <foxy-internal-password-control\n          infer=\"password\"\n          class=\"mt-m\"\n          show-generator\n          .generatorOptions=${this.__generatorOptions}\n        >\n        </foxy-internal-password-control>\n\n        <vaadin-button\n          class=\"w-full mt-l\"\n          theme=\"primary\"\n          ?disabled=${this.disabled || !this.in('idle')}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n infer=\"\" key=\"submit\"></foxy-i18n>\n        </vaadin-button>\n      </div>\n    `;\n  }\n\n  submit(): void {\n    this.edit({ password_old: this.passwordOld ?? '' });\n    super.submit();\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalPasswordResetView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalPasswordResetView.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,gBAAgB,CAAC;AAYhE,MAAM,OAAO,uCAAwC,SAAQ,iBAAiB,CAAC,YAAY,CAAO;IAAlG;;QA2BE,gBAAW,GAAkB,IAAI,CAAC;QAEjB,uBAAkB,GAAqB;YACtD,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;SACxD,CAAC;IAkDJ,CAAC;IAhFC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,WAAW,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;SAC3C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,uBAAuB;YACnD,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,uBAAuB;YACpE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,uBAAuB;SAClF,CAAC;IACJ,CAAC;IAQD,UAAU;QACR,OAAO,IAAI,CAAA;;yCAE0B,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW;;;;2BAI7D,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;;;;;;;;8BAQjD,IAAI,CAAC,kBAAkB;;;;;;;sBAO/B,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;mBACpC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;;;;KAKjC,CAAC;IACJ,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,QAAE,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,CAAC,CAAC;QACpD,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;IAES,KAAK,CAAC,MAAM,CAAiB,GAAG,IAAiC;QACzE,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;QACrC,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO;YAAE,OAAO,KAAK,CAAC,MAAM,CAAU,GAAG,IAAI,CAAC,CAAC;QAEtE,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;QAClC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,MAAM,CAAO,GAAG,IAAI,CAAC,CAAC;QAE/C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE9B,OAAO,IAA0B,CAAC;IACpC,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { GeneratorOptions } from '../../internal/InternalPasswordControl/generateRandomPassword';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Graph } from '@foxy.io/sdk/customer';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html, css } from 'lit-element';\n\nimport checkPasswordStrength from 'check-password-strength';\nconst passwordStrength = checkPasswordStrength.passwordStrength;\n\ntype Data = Resource<\n  Graph & {\n    props: {\n      /** When updating the password using Customer API, these values are required to complete the request. */\n      password_old?: string;\n      password?: string;\n    };\n  }\n>;\n\nexport class InternalCustomerPortalPasswordResetView extends TranslatableMixin(InternalForm)<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      passwordOld: { attribute: 'password-old' },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-25rem {\n          max-width: 25rem;\n        }\n      `,\n    ];\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ password: v }) => !!v || 'password:v8n_required',\n      ({ password: v }) => !v || v.length <= 50 || 'password:v8n_too_long',\n      ({ password: v }) => !v || passwordStrength(v).id >= 2 || 'password:v8n_too_weak',\n    ];\n  }\n\n  passwordOld: string | null = null;\n\n  private readonly __generatorOptions: GeneratorOptions = {\n    checkStrength: value => passwordStrength(value).id >= 2,\n  };\n\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"m-auto max-w-25rem leading-s\">\n        <p class=\"text-xxl font-medium ${this.in('busy') ? 'text-disabled' : 'text-body'}\">\n          <foxy-i18n infer=\"\" key=\"title\"></foxy-i18n>\n        </p>\n\n        <p class=\"text-l ${this.in('busy') ? 'text-disabled' : 'text-secondary'}\">\n          <foxy-i18n infer=\"\" key=\"subtitle\"></foxy-i18n>\n        </p>\n\n        <foxy-internal-password-control\n          infer=\"password\"\n          class=\"mt-m\"\n          show-generator\n          .generatorOptions=${this.__generatorOptions}\n        >\n        </foxy-internal-password-control>\n\n        <vaadin-button\n          class=\"w-full mt-l\"\n          theme=\"primary\"\n          ?disabled=${this.disabled || !this.in('idle')}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n infer=\"\" key=\"submit\"></foxy-i18n>\n        </vaadin-button>\n      </div>\n    `;\n  }\n\n  submit(): void {\n    this.edit({ password_old: this.passwordOld ?? '' });\n    super.submit();\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const request = new Request(...args);\n    if (request.method !== 'PATCH') return super._fetch<TResult>(...args);\n\n    const body = await request.json();\n    const data = await super._fetch<Data>(...args);\n\n    data.password_old = body.password_old;\n    data.password = body.password;\n\n    return data as unknown as TResult;\n  }\n}\n"]}

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

@@ -14,7 +14,7 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
  */
 export declare class StoreForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
-    static get v8n(): NucleonV8N<Data>;
+    static get v8n(): NucleonV8N<Data, StoreForm>;
     /** URL of the `fx:reporting_store_domain_exists` endpoint. */
     reportingStoreDomainExists: string | null;
     /** URL of the `fx:customer_password_hash_types` property helper resource. */
@@ -73,15 +73,10 @@ export declare class StoreForm extends Base<Data> {
     private readonly __smtpConfigSecurityGetValue;
     private readonly __smtpConfigSecuritySetValue;
     private readonly __smtpConfigSecurityOptions;
-    private readonly __webhookKeyGeneratorOptions;
-    private readonly __webhookKeyApiLegacyGetValue;
-    private readonly __webhookKeyApiLegacySetValue;
-    private readonly __webhookKeyCartSigningGetValue;
-    private readonly __webhookKeyCartSigningSetValue;
-    private readonly __webhookKeyXmlDatafeedGetValue;
-    private readonly __webhookKeyXmlDatafeedSetValue;
-    private readonly __webhookKeySsoGetValue;
-    private readonly __webhookKeySsoSetValue;
+    private readonly __singleWebhookKeyGeneratorOptions;
+    private readonly __jsonWebhookKeyGeneratorOptions;
+    private readonly __useSingleWebhookKeyGetValue;
+    private readonly __useSingleWebhookKeySetValue;
     private __hCaptchaToken;
     get headerSubtitleOptions(): Record<string, unknown>;
     renderBody(): TemplateResult;
@@ -90,8 +85,6 @@ export declare class StoreForm extends Base<Data> {
     private get __displayIdExamples();
     private get __journalIdExamples();
     private get __hCaptcha();
-    private __getWebhookKey;
-    private __setWebhookKey;
     private __getCustomDisplayIdConfig;
     private __setCustomDisplayIdConfig;
     private __getTransactionJournalEntriesConfig;

package/dist/elements/public/StoreForm/StoreForm.js

@@ -7,6 +7,14 @@ import slugify from '@sindresorhus/slugify';
 import merge from 'lodash-es/merge';
 const NS = 'store-form';
 const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
+function parseWebhookKey(webhookKey) {
+    try {
+        return JSON.parse(webhookKey);
+    }
+    catch (_a) {
+        return null;
+    }
+}
 /**
  * Form element for store settings (`fx:store`).
  *
@@ -212,30 +220,31 @@ export class StoreForm extends Base {
             { label: 'option_tls', value: 'tls' },
             { label: 'option_none', value: '' },
         ];
-        this.__webhookKeyGeneratorOptions = { length: 32, separator: '' };
-        this.__webhookKeyApiLegacyGetValue = () => {
-            return this.__getWebhookKey().api_legacy;
-        };
-        this.__webhookKeyApiLegacySetValue = (newValue) => {
-            this.__setWebhookKey('api_legacy', newValue);
-        };
-        this.__webhookKeyCartSigningGetValue = () => {
-            return this.__getWebhookKey().cart_signing;
-        };
-        this.__webhookKeyCartSigningSetValue = (newValue) => {
-            this.__setWebhookKey('cart_signing', newValue);
-        };
-        this.__webhookKeyXmlDatafeedGetValue = () => {
-            return this.__getWebhookKey().xml_datafeed;
-        };
-        this.__webhookKeyXmlDatafeedSetValue = (newValue) => {
-            this.__setWebhookKey('xml_datafeed', newValue);
-        };
-        this.__webhookKeySsoGetValue = () => {
-            return this.__getWebhookKey().sso;
+        this.__singleWebhookKeyGeneratorOptions = { length: 128, separator: '' };
+        this.__jsonWebhookKeyGeneratorOptions = { length: 64, separator: '' };
+        this.__useSingleWebhookKeyGetValue = () => {
+            var _a;
+            try {
+                JSON.parse((_a = this.form.webhook_key) !== null && _a !== void 0 ? _a : '');
+                return false;
+            }
+            catch (_b) {
+                return true;
+            }
         };
-        this.__webhookKeySsoSetValue = (newValue) => {
-            this.__setWebhookKey('sso', newValue);
+        this.__useSingleWebhookKeySetValue = (newValue) => {
+            if (newValue) {
+                this.edit({ webhook_key: '' });
+            }
+            else {
+                const parsedKey = {
+                    cart_signing: '',
+                    xml_datafeed: '',
+                    api_legacy: '',
+                    sso: '',
+                };
+                this.edit({ webhook_key: JSON.stringify(parsedKey) });
+            }
         };
         this.__hCaptchaToken = null;
     }
@@ -291,15 +300,39 @@ export class StoreForm extends Base {
             ({ region: v }) => (v && v.length <= 100) || 'region:v8n_too_long',
             ({ country: v }) => !!v || 'country:v8n_required',
             ({ logo_url: v }) => !v || v.length <= 200 || 'logo-url:v8n_too_long',
+            ({ webhook_url: v, use_webhook }) => !use_webhook || !!v || 'webhook-url:v8n_required',
             ({ webhook_url: v, use_webhook }) => {
                 return !use_webhook || !v || v.length <= 300 || 'webhook-url:v8n_too_long';
             },
-            ({ webhook_key: v, use_webhook: on, use_cart_validation: hmac }) => {
-                return (!on && !hmac) || !!v || 'webhook-key:v8n_required';
-            },
-            ({ webhook_key: v, use_webhook: on, use_cart_validation: hmac }) => {
-                return (!on && !hmac) || !v || v.length <= 200 || 'webhook-key:v8n_too_long';
+            ({ webhook_key: v }) => v === void 0 || v.length > 0 || 'webhook-key:v8n_required',
+            ({ webhook_key: v }, host) => {
+                var _a;
+                // TODO remove the line below when API limit is corrected to match the legacy admin
+                if (((_a = host.data) === null || _a === void 0 ? void 0 : _a.webhook_key) === v)
+                    return true;
+                return !v || v.length <= 500 || 'webhook-key:v8n_too_long';
             },
+            ...[
+                'use-webhook:v8n_webhook_key_required',
+                'webhook-key-xml-datafeed:v8n_required',
+                'webhook-key:v8n_required',
+            ].map(code => ({ webhook_key: v, use_webhook: on }) => {
+                const parsedV = parseWebhookKey(v !== null && v !== void 0 ? v : '');
+                return !on || !!(parsedV ? parsedV.xml_datafeed : v) || code;
+            }),
+            ...[
+                'use-cart-validation:v8n_webhook_key_required',
+                'webhook-key-cart-signing:v8n_required',
+                'webhook-key:v8n_required',
+            ].map(code => ({ webhook_key: v, use_cart_validation: on }) => {
+                const parsedV = parseWebhookKey(v !== null && v !== void 0 ? v : '');
+                return !on || !!(parsedV ? parsedV.cart_signing : v) || code;
+            }),
+            ...['xml_datafeed', 'cart_signing', 'api_legacy', 'sso'].map(prop => ({ webhook_key: v }) => {
+                const parsedV = parseWebhookKey(v !== null && v !== void 0 ? v : '');
+                const code = `webhook-key-${prop.replace(/_/g, '-')}:v8n_too_long`;
+                return !parsedV || parsedV[prop].length <= 100 || code;
+            }),
             ({ single_sign_on_url: v, use_single_sign_on: on }) => {
                 return !on || !!v || 'single-sign-on-url:v8n_required';
             },
@@ -447,16 +480,65 @@ export class StoreForm extends Base {
         </foxy-internal-select-control>
       </foxy-internal-summary-control>
 
-      <foxy-internal-summary-control infer="legacy-api">
-        <foxy-internal-password-control
-          layout="summary-item"
-          infer="webhook-key-api-legacy"
-          show-generator
-          .generatorOptions=${this.__webhookKeyGeneratorOptions}
-          .getValue=${this.__webhookKeyApiLegacyGetValue}
-          .setValue=${this.__webhookKeyApiLegacySetValue}
+      <foxy-internal-summary-control infer="store-secrets">
+        <foxy-internal-switch-control
+          infer="use-single-secret"
+          .getValue=${this.__useSingleWebhookKeyGetValue}
+          .setValue=${this.__useSingleWebhookKeySetValue}
         >
-        </foxy-internal-password-control>
+        </foxy-internal-switch-control>
+
+        ${this.__useSingleWebhookKeyGetValue()
+            ? html `
+              <foxy-internal-password-control
+                layout="summary-item"
+                infer="webhook-key"
+                show-generator
+                .generatorOptions=${this.__singleWebhookKeyGeneratorOptions}
+              >
+              </foxy-internal-password-control>
+            `
+            : html `
+              <foxy-internal-password-control
+                json-path="api_legacy"
+                property="webhook_key"
+                layout="summary-item"
+                infer="webhook-key-api-legacy"
+                show-generator
+                .generatorOptions=${this.__jsonWebhookKeyGeneratorOptions}
+              >
+              </foxy-internal-password-control>
+
+              <foxy-internal-password-control
+                json-path="cart_signing"
+                property="webhook_key"
+                layout="summary-item"
+                infer="webhook-key-cart-signing"
+                show-generator
+                .generatorOptions=${this.__jsonWebhookKeyGeneratorOptions}
+              >
+              </foxy-internal-password-control>
+
+              <foxy-internal-password-control
+                json-path="sso"
+                property="webhook_key"
+                layout="summary-item"
+                infer="webhook-key-sso"
+                show-generator
+                .generatorOptions=${this.__jsonWebhookKeyGeneratorOptions}
+              >
+              </foxy-internal-password-control>
+
+              <foxy-internal-password-control
+                json-path="xml_datafeed"
+                property="webhook_key"
+                layout="summary-item"
+                infer="webhook-key-xml-datafeed"
+                show-generator
+                .generatorOptions=${this.__jsonWebhookKeyGeneratorOptions}
+              >
+              </foxy-internal-password-control>
+            `}
       </foxy-internal-summary-control>
 
       <foxy-internal-summary-control infer="emails">
@@ -559,16 +641,6 @@ export class StoreForm extends Base {
 
         <foxy-internal-switch-control infer="use-cart-validation" helper-text-as-tooltip>
         </foxy-internal-switch-control>
-
-        <foxy-internal-password-control
-          layout="summary-item"
-          infer="webhook-key-cart-signing"
-          show-generator
-          .generatorOptions=${this.__webhookKeyGeneratorOptions}
-          .getValue=${this.__webhookKeyCartSigningGetValue}
-          .setValue=${this.__webhookKeyCartSigningSetValue}
-        >
-        </foxy-internal-password-control>
       </foxy-internal-summary-control>
 
       <foxy-internal-summary-control infer="checkout">
@@ -619,15 +691,6 @@ export class StoreForm extends Base {
             ? html `
               <foxy-internal-text-control layout="summary-item" infer="single-sign-on-url">
               </foxy-internal-text-control>
-              <foxy-internal-password-control
-                layout="summary-item"
-                infer="webhook-key-sso"
-                show-generator
-                .generatorOptions=${this.__webhookKeyGeneratorOptions}
-                .getValue=${this.__webhookKeySsoGetValue}
-                .setValue=${this.__webhookKeySsoSetValue}
-              >
-              </foxy-internal-password-control>
             `
             : ''}
       </foxy-internal-summary-control>
@@ -816,15 +879,6 @@ export class StoreForm extends Base {
             ? html `
               <foxy-internal-text-control layout="summary-item" infer="webhook-url">
               </foxy-internal-text-control>
-              <foxy-internal-password-control
-                layout="summary-item"
-                infer="webhook-key-xml-datafeed"
-                show-generator
-                .generatorOptions=${this.__webhookKeyGeneratorOptions}
-                .getValue=${this.__webhookKeyXmlDatafeedGetValue}
-                .setValue=${this.__webhookKeyXmlDatafeedSetValue}
-              >
-              </foxy-internal-password-control>
             `
             : ''}
       </foxy-internal-summary-control>
@@ -945,23 +999,6 @@ export class StoreForm extends Base {
     get __hCaptcha() {
         return this.renderRoot.querySelector('h-captcha');
     }
-    __getWebhookKey() {
-        var _a, _b;
-        let parsedKey;
-        try {
-            parsedKey = JSON.parse((_a = this.form.webhook_key) !== null && _a !== void 0 ? _a : '');
-        }
-        catch (_c) {
-            const v = (_b = this.form.webhook_key) !== null && _b !== void 0 ? _b : '';
-            parsedKey = { cart_signing: v, xml_datafeed: v, api_legacy: v, sso: v };
-        }
-        return parsedKey;
-    }
-    __setWebhookKey(key, value) {
-        const parsedKey = this.__getWebhookKey();
-        parsedKey[key] = value;
-        this.edit({ webhook_key: JSON.stringify(parsedKey) });
-    }
     __getCustomDisplayIdConfig() {
         const defaultConfig = {
             enabled: false,