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

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

@@ -1,7 +1,7 @@
 import type { PropertyDeclarations } from 'lit-element';
-import type { Data } from './types';
 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> & {
@@ -25,13 +25,12 @@ export declare class PaymentsApiPaymentPresetForm extends Base<Data> {
     getFraudProtectionImageSrc: ((type: string) => string) | null;
     /** A function that returns image URL for given payment method `type`. */
     getPaymentMethodImageSrc: ((type: string) => string) | null;
-    private static readonly __isPOEnabledOptions;
-    private static readonly __isLiveOptions;
-    private __getIsPOEnabledValue;
-    private __setIsPOEnabledValue;
-    private __getIsLiveValue;
-    private __setIsLiveValue;
+    private readonly __isPurchaseOrderEnabledGetValue;
+    private readonly __isLiveGetValue;
+    private readonly __storeLoaderId;
+    get readonlySelector(): BooleanSelector;
     get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;
+    private get __storeLoader();
 }
 export {};

package/dist/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.js

@@ -1,6 +1,7 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
 const NS = 'payments-api-payment-preset-form';
 const Base = TranslatableMixin(InternalForm, NS);
@@ -22,18 +23,15 @@ export class PaymentsApiPaymentPresetForm extends Base {
         this.getFraudProtectionImageSrc = null;
         /** A function that returns image URL for given payment method `type`. */
         this.getPaymentMethodImageSrc = null;
-        this.__getIsPOEnabledValue = () => {
-            return this.form.is_purchase_order_enabled ? ['true'] : [];
+        this.__isPurchaseOrderEnabledGetValue = () => {
+            var _a, _b;
+            return ((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active) ? this.form.is_purchase_order_enabled : false;
         };
-        this.__setIsPOEnabledValue = newValue => {
-            this.edit({ is_purchase_order_enabled: newValue.includes('true') });
-        };
-        this.__getIsLiveValue = () => {
-            return this.form.is_live ? ['live'] : ['test'];
-        };
-        this.__setIsLiveValue = newValue => {
-            this.edit({ is_live: newValue.includes('live') });
+        this.__isLiveGetValue = () => {
+            var _a, _b;
+            return ((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active) ? this.form.is_live : false;
         };
+        this.__storeLoaderId = 'storeLoader';
     }
     static get properties() {
         return {
@@ -48,99 +46,94 @@ export class PaymentsApiPaymentPresetForm extends Base {
             ({ description: v }) => (v && v.length <= 100) || 'description:v8n_too_long',
         ];
     }
+    get readonlySelector() {
+        var _a, _b;
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active)) {
+            alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
     get hiddenSelector() {
-        return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());
+        var _a;
+        const alwaysMatch = ['header:copy-json', super.hiddenSelector.toString()];
+        const store = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
+        if (!this.data)
+            alwaysMatch.unshift('payment-methods', 'fraud-protections');
+        if (!store)
+            alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
     renderBody() {
-        const constructor = this.constructor;
+        var _a, _b, _c, _d, _e, _f;
+        const isStoreActive = !!((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active);
+        const helperTextSuffix = isStoreActive ? '' : '_inactive_store';
         return html `
       ${this.renderHeader()}
 
-      <foxy-internal-text-control infer="description"></foxy-internal-text-control>
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control layout="summary-item" infer="description">
+        </foxy-internal-text-control>
 
-      <div class="-mb-s">
-        <foxy-internal-checkbox-group-control
+        <foxy-internal-switch-control
+          helper-text=${this.t(`general.is-live.helper_text${helperTextSuffix}`)}
           infer="is-live"
-          .getValue=${this.__getIsLiveValue}
-          .setValue=${this.__setIsLiveValue}
-          .options=${constructor.__isLiveOptions}
+          helper-text-as-tooltip
+          .getValue=${this.__isLiveGetValue}
         >
-        </foxy-internal-checkbox-group-control>
+        </foxy-internal-switch-control>
 
-        <foxy-internal-checkbox-group-control
+        <foxy-internal-switch-control
+          helper-text=${this.t(`general.is-purchase-order-enabled.helper_text${helperTextSuffix}`)}
           infer="is-purchase-order-enabled"
-          .getValue=${this.__getIsPOEnabledValue}
-          .setValue=${this.__setIsPOEnabledValue}
-          .options=${constructor.__isPOEnabledOptions}
+          helper-text-as-tooltip
+          .getValue=${this.__isPurchaseOrderEnabledGetValue}
         >
-        </foxy-internal-checkbox-group-control>
-      </div>
+        </foxy-internal-switch-control>
+      </foxy-internal-summary-control>
 
-      ${this.data
-            ? html `
-            <foxy-internal-async-list-control
-              infer="payment-methods"
-              first=${this.data._links['fx:payment_methods'].href}
-              limit="5"
-              alert
-              .item=${(ctx) => html `
-                <foxy-payments-api-payment-method-card
-                  parent=${ctx.parent}
-                  infer="payments-api-payment-method-card"
-                  href=${ctx.href}
-                  .getImageSrc=${this.getPaymentMethodImageSrc}
-                >
-                </foxy-payments-api-payment-method-card>
-              `}
-              .form=${(ctx) => html `
-                <foxy-payments-api-payment-method-form
-                  parent=${ctx.dialog.parent}
-                  infer="payments-api-payment-method-form"
-                  href=${ctx.dialog.href}
-                  id="form"
-                  .getImageSrc=${this.getPaymentMethodImageSrc}
-                  @fetch=${ctx.handleFetch}
-                  @update=${ctx.handleUpdate}
-                >
-                </foxy-payments-api-payment-method-form>
-              `}
-            >
-            </foxy-internal-async-list-control>
+      <foxy-internal-async-list-control
+        infer="payment-methods"
+        first=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:payment_methods'].href)}
+        limit="5"
+        item="foxy-payments-api-payment-method-card"
+        form="foxy-payments-api-payment-method-form"
+        alert
+        .itemProps=${{ '.getImageSrc': this.getPaymentMethodImageSrc }}
+        .formProps=${{
+            '.getImageSrc': this.getPaymentMethodImageSrc,
+            'payment-preset': this.href,
+            'store': (_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:store'].href,
+        }}
+      >
+      </foxy-internal-async-list-control>
+
+      <foxy-internal-async-list-control
+        infer="fraud-protections"
+        first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:fraud_protections'].href)}
+        limit="5"
+        item="foxy-payments-api-fraud-protection-card"
+        form="foxy-payments-api-fraud-protection-form"
+        alert
+        .itemProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}
+        .formProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}
+      >
+      </foxy-internal-async-list-control>
 
-            <foxy-internal-async-list-control
-              infer="fraud-protections"
-              first=${this.data._links['fx:fraud_protections'].href}
-              limit="5"
-              alert
-              .item=${(ctx) => html `
-                <foxy-payments-api-fraud-protection-card
-                  parent=${ctx.parent}
-                  infer="payments-api-fraud-protection-card"
-                  href=${ctx.href}
-                  .getImageSrc=${this.getFraudProtectionImageSrc}
-                >
-                </foxy-payments-api-fraud-protection-card>
-              `}
-              .form=${(ctx) => html `
-                <foxy-payments-api-fraud-protection-form
-                  parent=${ctx.dialog.parent}
-                  infer="payments-api-fraud-protection-form"
-                  href=${ctx.dialog.href}
-                  id="form"
-                  .getImageSrc=${this.getFraudProtectionImageSrc}
-                  @fetch=${ctx.handleFetch}
-                  @update=${ctx.handleUpdate}
-                >
-                </foxy-payments-api-fraud-protection-form>
-              `}
-            >
-            </foxy-internal-async-list-control>
-          `
-            : ''}
       ${super.renderBody()}
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:store'].href)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
     `;
     }
+    get __storeLoader() {
+        return this.renderRoot.querySelector(`#${this.__storeLoaderId}`);
+    }
 }
-PaymentsApiPaymentPresetForm.__isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];
-PaymentsApiPaymentPresetForm.__isLiveOptions = [{ label: 'option_live', value: 'live' }];
 //# sourceMappingURL=PaymentsApiPaymentPresetForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { InternalCheckboxGroupControl } from '../../internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { FormRendererContext } from '../FormDialog/types';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for the `fx:payment_preset` resource of Payments API.\n *\n * _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n *\n * @element foxy-payments-api-payment-preset-form\n * @since 1.21.0\n */\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getFraudProtectionImageSrc: { attribute: false },\n      getPaymentMethodImageSrc: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !!v || 'description:v8n_required',\n      ({ description: v }) => (v && v.length <= 100) || 'description:v8n_too_long',\n    ];\n  }\n\n  /** A function that returns image URL for given fraud protection `type`. */\n  getFraudProtectionImageSrc: ((type: string) => string) | null = null;\n\n  /** A function that returns image URL for given payment method `type`. */\n  getPaymentMethodImageSrc: ((type: string) => string) | null = null;\n\n  private static readonly __isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];\n\n  private static readonly __isLiveOptions = [{ label: 'option_live', value: 'live' }];\n\n  private __getIsPOEnabledValue: InternalCheckboxGroupControl['getValue'] = () => {\n    return this.form.is_purchase_order_enabled ? ['true'] : [];\n  };\n\n  private __setIsPOEnabledValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n    this.edit({ is_purchase_order_enabled: (newValue as string[]).includes('true') });\n  };\n\n  private __getIsLiveValue: InternalCheckboxGroupControl['getValue'] = () => {\n    return this.form.is_live ? ['live'] : ['test'];\n  };\n\n  private __setIsLiveValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n    this.edit({ is_live: (newValue as string[]).includes('live') });\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());\n  }\n\n  renderBody(): TemplateResult {\n    const constructor = this.constructor as typeof PaymentsApiPaymentPresetForm;\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n      <div class=\"-mb-s\">\n        <foxy-internal-checkbox-group-control\n          infer=\"is-live\"\n          .getValue=${this.__getIsLiveValue}\n          .setValue=${this.__setIsLiveValue}\n          .options=${constructor.__isLiveOptions}\n        >\n        </foxy-internal-checkbox-group-control>\n\n        <foxy-internal-checkbox-group-control\n          infer=\"is-purchase-order-enabled\"\n          .getValue=${this.__getIsPOEnabledValue}\n          .setValue=${this.__setIsPOEnabledValue}\n          .options=${constructor.__isPOEnabledOptions}\n        >\n        </foxy-internal-checkbox-group-control>\n      </div>\n\n      ${this.data\n        ? html`\n            <foxy-internal-async-list-control\n              infer=\"payment-methods\"\n              first=${this.data._links['fx:payment_methods'].href}\n              limit=\"5\"\n              alert\n              .item=${(ctx: ItemRendererContext) => html`\n                <foxy-payments-api-payment-method-card\n                  parent=${ctx.parent}\n                  infer=\"payments-api-payment-method-card\"\n                  href=${ctx.href}\n                  .getImageSrc=${this.getPaymentMethodImageSrc}\n                >\n                </foxy-payments-api-payment-method-card>\n              `}\n              .form=${(ctx: FormRendererContext) => html`\n                <foxy-payments-api-payment-method-form\n                  parent=${ctx.dialog.parent}\n                  infer=\"payments-api-payment-method-form\"\n                  href=${ctx.dialog.href}\n                  id=\"form\"\n                  .getImageSrc=${this.getPaymentMethodImageSrc}\n                  @fetch=${ctx.handleFetch}\n                  @update=${ctx.handleUpdate}\n                >\n                </foxy-payments-api-payment-method-form>\n              `}\n            >\n            </foxy-internal-async-list-control>\n\n            <foxy-internal-async-list-control\n              infer=\"fraud-protections\"\n              first=${this.data._links['fx:fraud_protections'].href}\n              limit=\"5\"\n              alert\n              .item=${(ctx: ItemRendererContext) => html`\n                <foxy-payments-api-fraud-protection-card\n                  parent=${ctx.parent}\n                  infer=\"payments-api-fraud-protection-card\"\n                  href=${ctx.href}\n                  .getImageSrc=${this.getFraudProtectionImageSrc}\n                >\n                </foxy-payments-api-fraud-protection-card>\n              `}\n              .form=${(ctx: FormRendererContext) => html`\n                <foxy-payments-api-fraud-protection-form\n                  parent=${ctx.dialog.parent}\n                  infer=\"payments-api-fraud-protection-form\"\n                  href=${ctx.dialog.href}\n                  id=\"form\"\n                  .getImageSrc=${this.getFraudProtectionImageSrc}\n                  @fetch=${ctx.handleFetch}\n                  @update=${ctx.handleUpdate}\n                >\n                </foxy-payments-api-fraud-protection-form>\n              `}\n            >\n            </foxy-internal-async-list-control>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Data } from './types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for the `fx:payment_preset` resource of Payments API.\n *\n * _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n *\n * @element foxy-payments-api-payment-preset-form\n * @since 1.21.0\n */\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getFraudProtectionImageSrc: { attribute: false },\n      getPaymentMethodImageSrc: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !!v || 'description:v8n_required',\n      ({ description: v }) => (v && v.length <= 100) || 'description:v8n_too_long',\n    ];\n  }\n\n  /** A function that returns image URL for given fraud protection `type`. */\n  getFraudProtectionImageSrc: ((type: string) => string) | null = null;\n\n  /** A function that returns image URL for given payment method `type`. */\n  getPaymentMethodImageSrc: ((type: string) => string) | null = null;\n\n  private readonly __isPurchaseOrderEnabledGetValue = () => {\n    return this.__storeLoader?.data?.is_active ? this.form.is_purchase_order_enabled : false;\n  };\n\n  private readonly __isLiveGetValue = () => {\n    return this.__storeLoader?.data?.is_active ? this.form.is_live : false;\n  };\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.__storeLoader?.data?.is_active) {\n      alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['header:copy-json', super.hiddenSelector.toString()];\n    const store = this.__storeLoader?.data;\n\n    if (!this.data) alwaysMatch.unshift('payment-methods', 'fraud-protections');\n    if (!store) alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    const isStoreActive = !!this.__storeLoader?.data?.is_active;\n    const helperTextSuffix = isStoreActive ? '' : '_inactive_store';\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-switch-control\n          helper-text=${this.t(`general.is-live.helper_text${helperTextSuffix}`)}\n          infer=\"is-live\"\n          helper-text-as-tooltip\n          .getValue=${this.__isLiveGetValue}\n        >\n        </foxy-internal-switch-control>\n\n        <foxy-internal-switch-control\n          helper-text=${this.t(`general.is-purchase-order-enabled.helper_text${helperTextSuffix}`)}\n          infer=\"is-purchase-order-enabled\"\n          helper-text-as-tooltip\n          .getValue=${this.__isPurchaseOrderEnabledGetValue}\n        >\n        </foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        infer=\"payment-methods\"\n        first=${ifDefined(this.data?._links['fx:payment_methods'].href)}\n        limit=\"5\"\n        item=\"foxy-payments-api-payment-method-card\"\n        form=\"foxy-payments-api-payment-method-form\"\n        alert\n        .itemProps=${{ '.getImageSrc': this.getPaymentMethodImageSrc }}\n        .formProps=${{\n          '.getImageSrc': this.getPaymentMethodImageSrc,\n          'payment-preset': this.href,\n          'store': this.data?._links['fx:store'].href,\n        }}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"fraud-protections\"\n        first=${ifDefined(this.data?._links['fx:fraud_protections'].href)}\n        limit=\"5\"\n        item=\"foxy-payments-api-fraud-protection-card\"\n        form=\"foxy-payments-api-fraud-protection-form\"\n        alert\n        .itemProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}\n        .formProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}

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

@@ -1,5 +1,6 @@
-import '../../internal/InternalCheckboxGroupControl/index';
 import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalSummaryControl/index';
+import '../../internal/InternalSwitchControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
 import '../PaymentsApiFraudProtectionCard/index';

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

@@ -1,5 +1,6 @@
-import "../../internal/InternalCheckboxGroupControl/index.js";
 import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalSummaryControl/index.js";
+import "../../internal/InternalSwitchControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
 import "../PaymentsApiFraudProtectionCard/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,0DAAuD;AACvD,qDAAkD;AAClD,8CAA2C;AAE3C,oDAAiD;AACjD,oDAAiD;AAEjD,kDAA+C;AAC/C,kDAA+C;AAE/C,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../PaymentsApiFraudProtectionCard/index';\nimport '../PaymentsApiFraudProtectionForm/index';\n\nimport '../PaymentsApiPaymentMethodCard/index';\nimport '../PaymentsApiPaymentMethodForm/index';\n\nimport { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';\n\ncustomElements.define('foxy-payments-api-payment-preset-form', PaymentsApiPaymentPresetForm);\n\nexport { PaymentsApiPaymentPresetForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oDAAiD;AACjD,oDAAiD;AAEjD,kDAA+C;AAC/C,kDAA+C;AAE/C,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalSwitchControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../PaymentsApiFraudProtectionCard/index';\nimport '../PaymentsApiFraudProtectionForm/index';\n\nimport '../PaymentsApiPaymentMethodCard/index';\nimport '../PaymentsApiPaymentMethodForm/index';\n\nimport { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';\n\ncustomElements.define('foxy-payments-api-payment-preset-form', PaymentsApiPaymentPresetForm);\n\nexport { PaymentsApiPaymentPresetForm };\n"]}

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

@@ -180,7 +180,6 @@ 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';
             },
@@ -306,6 +305,7 @@ export class StoreForm extends Base {
         <foxy-internal-async-combo-box-control
           item-label-path="version"
           item-value-path="_links.self.href"
+          class="sm-col-span-2"
           infer="store-version-uri"
           first=${ifDefined((_w = this.storeVersions) !== null && _w !== void 0 ? _w : undefined)}
           .selectedItem=${storeVersion}