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

package/dist/elements/public/PaymentsApiPaymentMethodForm/PaymentsApiPaymentMethodForm.js

@@ -2,8 +2,8 @@ import { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
+import { html, svg } from 'lit-html';
 import { classMap } from "../../../utils/class-map.js";
-import { html } from 'lit-html';
 import has from 'lodash-es/has';
 import get from 'lodash-es/get';
 import set from 'lodash-es/set';
@@ -23,24 +23,25 @@ const Base = TranslatableMixin(InternalForm, NS);
 export class PaymentsApiPaymentMethodForm extends Base {
     constructor() {
         super(...arguments);
+        /** URL of the linked `fx:payment_preset` resource from the virtual Payments API. */
+        this.paymentPreset = null;
         /** A function that returns a URL of a payment method icon based on the given type. */
         this.getImageSrc = null;
+        /** URL of the linked `fx:store` resource. */
+        this.store = null;
         this.__availablePaymentMethodsLoaderId = 'availablePaymentMethodsLoader';
+        this.__paymentPresetLoaderId = 'paymentPresetLoader';
+        this.__storeLoaderId = 'storeLoader';
         this.__threeDSecureResponseGetValue = () => {
             var _a;
-            return ((_a = this.form.config_3d_secure) === null || _a === void 0 ? void 0 : _a.endsWith('require_valid_response')) ? ['valid_only'] : [];
+            return (_a = this.form.config_3d_secure) === null || _a === void 0 ? void 0 : _a.endsWith('require_valid_response');
         };
         this.__threeDSecureResponseSetValue = (newValue) => {
-            const postfix = newValue.includes('valid_only') ? '_require_valid_response' : '';
+            const postfix = newValue ? '_require_valid_response' : '';
             const config = this.form.config_3d_secure;
             const type = (config === null || config === void 0 ? void 0 : config.startsWith('all_cards')) ? 'all_cards' : 'maestro_only';
-            this.edit({
-                config_3d_secure: `${type}${postfix}`,
-            });
+            this.edit({ config_3d_secure: `${type}${postfix}` });
         };
-        this.__threeDSecureResponseOptions = [
-            { value: 'valid_only', label: 'option_valid_only' },
-        ];
         this.__threeDSecureToggleGetValue = () => {
             const config = this.form.config_3d_secure;
             if (config === null || config === void 0 ? void 0 : config.startsWith('all_cards'))
@@ -67,7 +68,6 @@ export class PaymentsApiPaymentMethodForm extends Base {
             { value: 'all_cards', label: 'option_all_cards' },
             { value: 'maestro_only', label: 'option_maestro_only' },
         ];
-        this.__tab = 0;
     }
     static get defaultImageSrc() {
         return "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23fff' d='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E";
@@ -75,8 +75,9 @@ export class PaymentsApiPaymentMethodForm extends Base {
     static get properties() {
         return {
             ...super.properties,
-            __tab: { attribute: false },
+            paymentPreset: { attribute: 'payment-preset' },
             getImageSrc: { attribute: false },
+            store: {},
         };
     }
     static get v8n() {
@@ -159,19 +160,39 @@ export class PaymentsApiPaymentMethodForm extends Base {
         }
     }
     renderBody() {
-        const paymentMethodsLoader = html `
+        var _a;
+        const paymentPreset = (_a = this.__paymentPresetLoader) === null || _a === void 0 ? void 0 : _a.data;
+        const loaders = html `
       <foxy-nucleon
         class="hidden"
         infer=""
-        href=${ifDefined(this.__availablePaymentMethodsHref)}
+        href=${ifDefined(paymentPreset === null || paymentPreset === void 0 ? void 0 : paymentPreset._links['fx:available_payment_methods'].href)}
         id=${this.__availablePaymentMethodsLoaderId}
         @update=${() => this.requestUpdate()}
       >
       </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.store)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.paymentPreset)}
+        id=${this.__paymentPresetLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
     `;
         return html `${this.renderHeader()}${this.form.type
             ? this.__renderPaymentMethodConfig()
-            : this.__renderPaymentMethodSelector()}${paymentMethodsLoader}`;
+            : this.__renderPaymentMethodSelector()}${loaders}`;
     }
     get __groupedAvailablePaymentMethods() {
         var _a;
@@ -196,22 +217,16 @@ export class PaymentsApiPaymentMethodForm extends Base {
     get __availablePaymentMethodsLoader() {
         return this.renderRoot.querySelector(`#${this.__availablePaymentMethodsLoaderId}`);
     }
-    get __availablePaymentMethodsHref() {
-        try {
-            const presetIdRegex = /\/payment_presets\/(?<presetId>.+)\//;
-            const pathname = new URL(this.href || this.parent).pathname;
-            const presetId = presetIdRegex.exec(pathname).groups.presetId;
-            const url = new URL(`/payment_presets/${presetId}/available_payment_methods`, this.href || this.parent);
-            return url.toString();
-        }
-        catch (_a) {
-            // ignore
-        }
-    }
     get __availablePaymentMethods() {
         var _a, _b;
         return (_b = (_a = this.__availablePaymentMethodsLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.values;
     }
+    get __paymentPresetLoader() {
+        return this.renderRoot.querySelector(`#${this.__paymentPresetLoaderId}`);
+    }
+    get __storeLoader() {
+        return this.renderRoot.querySelector(`#${this.__storeLoaderId}`);
+    }
     get __liveBlocks() {
         var _a, _b, _c;
         return (_c = (_b = (_a = this.form.helper) === null || _a === void 0 ? void 0 : _a.additional_fields) === null || _b === void 0 ? void 0 : _b.blocks.filter(block => block.is_live)) !== null && _c !== void 0 ? _c : [];
@@ -245,107 +260,130 @@ export class PaymentsApiPaymentMethodForm extends Base {
     }
     __renderPaymentMethodConfig() {
         var _a;
-        return html `
-      <div class="rounded-t-l rounded-b-l border border-contrast-10">
-        <vaadin-tabs
-          selected=${this.__tab}
-          theme="centered"
-          @selected-changed=${(evt) => {
-            var _a;
-            const tabs = evt.currentTarget;
-            this.__tab = (_a = tabs.selected) !== null && _a !== void 0 ? _a : 0;
-        }}
+        const oauthGateways = [
+            'stripe_connect',
+            'square_up',
+            'quickbook_payments',
+            'amazon_mws',
+            'paypal_platform',
+        ];
+        if (this.form.type && oauthGateways.includes(this.form.type)) {
+            return html `
+        <div
+          class="flex items-start rounded border border-primary"
+          style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px); padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
         >
-          <vaadin-tab><foxy-i18n infer="" key="tab_live"></foxy-i18n></vaadin-tab>
-          <vaadin-tab><foxy-i18n infer="" key="tab_test"></foxy-i18n></vaadin-tab>
-        </vaadin-tabs>
+          ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 text-primary" style="width: 1.25em"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>`}
+          <p>
+            <foxy-i18n infer="" key="no_oauth_support_message"></foxy-i18n>
+            <br />
+            <a
+              target="_blank"
+              class="mt-xs inline-block rounded font-medium text-primary transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50"
+              href="https://admin.foxycart.com"
+            >
+              admin.foxycart.com
+            </a>
+          </p>
+        </div>
+      `;
+        }
+        return html `
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control layout="summary-item" infer="description">
+        </foxy-internal-text-control>
 
-        <div class="overflow-hidden">
-          <div
-            data-testid="tab-content"
-            class="grid grid-cols-2 gap-m transition-transform transform duration-300"
-            style=${classMap({
-            'width: calc(200% + var(--lumo-space-m));': true,
-            '--tw-translate-x: 0;': this.__tab === 0,
-            '--tw-translate-x: calc(-50% - (var(--lumo-space-m) / 2));': this.__tab !== 0,
-        })}
-          >
-            ${['live', 'test'].map((type, index) => {
-            var _a, _b, _c;
+        ${((_a = this.form.helper) === null || _a === void 0 ? void 0 : _a.supports_3d_secure) ? html `
+              <foxy-internal-select-control
+                layout="summary-item"
+                infer="three-d-secure-toggle"
+                .getValue=${this.__threeDSecureToggleGetValue}
+                .setValue=${this.__threeDSecureToggleSetValue}
+                .options=${this.__threeDSecureToggleOptions}
+              >
+              </foxy-internal-select-control>
+
+              ${this.form.config_3d_secure
+            ? html `
+                    <foxy-internal-switch-control
+                      layout="summary-item"
+                      infer="three-d-secure-response"
+                      .getValue=${this.__threeDSecureResponseGetValue}
+                      .setValue=${this.__threeDSecureResponseSetValue}
+                    >
+                    </foxy-internal-switch-control>
+                  `
+            : ''}
+            `
+            : ''}
+      </foxy-internal-summary-control>
+
+      ${['live', 'test'].map((type, index) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
             const prefix = index === 0 ? '' : `${type}-`;
             const blocks = index === 0 ? this.__liveBlocks : this.__testBlocks;
+            const scope = `${type}-group`;
+            if (type === 'live' && !((_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data))
+                return html ``;
+            if (type === 'live' && !((_c = (_b = this.__storeLoader) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.is_active)) {
+                return html `
+            <foxy-internal-summary-control infer="${type}-group">
+              <div
+                class="flex items-start"
+                style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+              >
+                ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 text-primary" style="width: 1.25em"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>`}
+                <p><foxy-i18n infer="" key="inactive_message"></foxy-i18n></p>
+              </div>
+            </foxy-internal-summary-control>
+          `;
+            }
+            const showInactiveSetText = ((_e = (_d = this.__storeLoader) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.is_active) === true &&
+                ((type === 'test' && ((_g = (_f = this.__paymentPresetLoader) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.is_live) === true) ||
+                    (type === 'live' && ((_j = (_h = this.__paymentPresetLoader) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.is_live) === false));
             return html `
-                <div
-                  class=${classMap({
-                'grid grid-cols-1 gap-m p-m transition-opacity duration-300': true,
-                'opacity-100': this.__tab === index,
-                'opacity-0': this.__tab !== index,
-            })}
-                >
-                  ${((_a = this.form.helper) === null || _a === void 0 ? void 0 : _a.id_description) ? html `
-                        <foxy-internal-text-control
-                          placeholder=${this.t('default_additional_field_placeholder')}
-                          helper-text=""
-                          label=${this.form.helper.id_description}
-                          infer="${prefix}account-id"
-                        >
-                        </foxy-internal-text-control>
-                      `
-                : ''}
-                  ${((_b = this.form.helper) === null || _b === void 0 ? void 0 : _b.third_party_key_description) ? html `
-                        <foxy-internal-text-control
-                          placeholder=${this.t('default_additional_field_placeholder')}
-                          helper-text=""
-                          label=${this.form.helper.third_party_key_description}
-                          infer="${prefix}third-party-key"
-                        >
-                        </foxy-internal-text-control>
-                      `
+          <foxy-internal-summary-control
+            helper-text=${ifDefined(showInactiveSetText ? this.t(`${scope}.helper_text_inactive`) : void 0)}
+            label=${ifDefined(showInactiveSetText ? this.t(`${scope}.label_inactive`) : void 0)}
+            infer=${scope}
+          >
+            ${((_k = this.form.helper) === null || _k === void 0 ? void 0 : _k.id_description) ? html `
+                  <foxy-internal-text-control
+                    placeholder=${this.t('default_additional_field_placeholder')}
+                    helper-text=""
+                    layout="summary-item"
+                    label=${this.form.helper.id_description}
+                    infer="${prefix}account-id"
+                  >
+                  </foxy-internal-text-control>
+                `
                 : ''}
-                  ${((_c = this.form.helper) === null || _c === void 0 ? void 0 : _c.key_description) ? html `
-                        <foxy-internal-text-control
-                          placeholder=${this.t('default_additional_field_placeholder')}
-                          helper-text=""
-                          label=${this.form.helper.key_description}
-                          infer="${prefix}account-key"
-                        >
-                        </foxy-internal-text-control>
-                      `
+            ${((_l = this.form.helper) === null || _l === void 0 ? void 0 : _l.third_party_key_description) ? html `
+                  <foxy-internal-text-control
+                    placeholder=${this.t('default_additional_field_placeholder')}
+                    helper-text=""
+                    layout="summary-item"
+                    label=${this.form.helper.third_party_key_description}
+                    infer="${prefix}third-party-key"
+                  >
+                  </foxy-internal-text-control>
+                `
                 : ''}
-                  ${blocks.map(block => this.__renderBlock(block))}
-                </div>
-              `;
-        })}
-          </div>
-        </div>
-      </div>
-
-      <foxy-internal-text-control infer="description"></foxy-internal-text-control>
-
-      ${((_a = this.form.helper) === null || _a === void 0 ? void 0 : _a.supports_3d_secure) ? html `
-            <foxy-internal-radio-group-control
-              infer="three-d-secure-toggle"
-              class="-mb-s"
-              .getValue=${this.__threeDSecureToggleGetValue}
-              .setValue=${this.__threeDSecureToggleSetValue}
-              .options=${this.__threeDSecureToggleOptions}
-            >
-            </foxy-internal-radio-group-control>
-
-            ${this.form.config_3d_secure
-            ? html `
-                  <foxy-internal-checkbox-group-control
-                    infer="three-d-secure-response"
-                    class="-mb-s"
-                    .getValue=${this.__threeDSecureResponseGetValue}
-                    .setValue=${this.__threeDSecureResponseSetValue}
-                    .options=${this.__threeDSecureResponseOptions}
+            ${((_m = this.form.helper) === null || _m === void 0 ? void 0 : _m.key_description) ? html `
+                  <foxy-internal-text-control
+                    placeholder=${this.t('default_additional_field_placeholder')}
+                    layout="summary-item"
+                    helper-text=""
+                    label=${this.form.helper.key_description}
+                    infer="${prefix}account-key"
                   >
-                  </foxy-internal-checkbox-group-control>
+                  </foxy-internal-text-control>
                 `
-            : ''}
-          `
-            : ''}
+                : ''}
+            ${blocks.map(block => this.__renderBlock(block))}
+          </foxy-internal-summary-control>
+        `;
+        })}
       ${super.renderBody()}
     `;
     }
@@ -402,6 +440,8 @@ export class PaymentsApiPaymentMethodForm extends Base {
     __renderBlock(block) {
         return html `${block.fields.map(field => {
             var _a, _b, _c;
+            if (field.type === 'hidden')
+                return;
             const scope = ['additional-fields', field.id].join('-').replace(/_/g, '-');
             const getValue = () => {
                 var _a, _b;
@@ -415,35 +455,35 @@ export class PaymentsApiPaymentMethodForm extends Base {
             };
             const setValue = (newValue) => {
                 var _a;
+                let config = {};
                 try {
-                    const config = JSON.parse((_a = this.form.additional_fields) !== null && _a !== void 0 ? _a : '{}');
-                    this.edit({ additional_fields: JSON.stringify(set(config, field.id, newValue)) });
+                    config = JSON.parse((_a = this.form.additional_fields) !== null && _a !== void 0 ? _a : '');
                 }
                 catch (_b) {
-                    return '';
+                    // ignore
                 }
+                this.edit({ additional_fields: JSON.stringify(set(config, field.id, newValue)) });
             };
             const options = field.options;
             return html `
         ${field.type === 'checkbox'
                 ? html `
-              <foxy-internal-checkbox-group-control
+              <foxy-internal-switch-control
                 helper-text=${(_a = field.description) !== null && _a !== void 0 ? _a : ''}
-                label=""
-                class="-mb-s"
+                label=${field.name}
                 infer=${scope}
-                .options=${[{ label: field.name, value: 'checked' }]}
-                .getValue=${() => (getValue() ? ['checked'] : [])}
-                .setValue=${(newValue) => {
-                    setValue(newValue.includes('checked'));
-                }}
+                helper-text-as-tooltip
+                .getValue=${getValue}
+                .setValue=${setValue}
               >
-              </foxy-internal-checkbox-group-control>
+              </foxy-internal-switch-control>
             `
                 : field.type === 'select'
                     ? html `
               <foxy-internal-select-control
+                placeholder=${this.t('default_additional_field_select_placeholder')}
                 helper-text=${(_b = field.description) !== null && _b !== void 0 ? _b : ''}
+                layout="summary-item"
                 label=${field.name}
                 infer=${scope}
                 .options=${options.map(({ name, value }) => ({ label: name, value }))}
@@ -456,6 +496,7 @@ export class PaymentsApiPaymentMethodForm extends Base {
               <foxy-internal-text-control
                 helper-text=${(_c = field.description) !== null && _c !== void 0 ? _c : ''}
                 placeholder=${field.default_value || this.t('default_additional_field_placeholder')}
+                layout="summary-item"
                 label=${field.name}
                 infer=${scope}
                 .getValue=${getValue}

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsApiPaymentMethodForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/PaymentsApiPaymentMethodForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { AvailablePaymentMethods } from '../PaymentsApi/api/types';\nimport type { Block, Data } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { TabsElement } from '@vaadin/vaadin-tabs';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nimport has from 'lodash-es/has';\nimport get from 'lodash-es/get';\nimport set from 'lodash-es/set';\n\ntype PaymentMethod = {\n  helper: AvailablePaymentMethods['values'][string];\n  type: string;\n};\n\nconst NS = 'payments-api-payment-method-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for the `fx:payment_method` 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-method-form\n * @since 1.21.0\n */\nexport class PaymentsApiPaymentMethodForm extends Base<Data> {\n  static get defaultImageSrc(): string {\n    return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23fff' d='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E\";\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __tab: { attribute: false },\n      getImageSrc: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !v || v.length <= 100 || 'description:v8n_too_long',\n      ({ type: v }) => !!v || 'type:v8n_required',\n\n      form => {\n        const blocks = form.helper?.additional_fields?.blocks ?? [];\n        let additionalFields: Record<string, unknown>;\n\n        try {\n          additionalFields = JSON.parse(form.additional_fields ?? '{}');\n        } catch {\n          additionalFields = {};\n        }\n\n        for (const block of blocks) {\n          for (const field of block.fields) {\n            if ('optional' in (field as Record<string, unknown>)) {\n              if (!(field as Record<string, unknown>).optional) {\n                if (!has(additionalFields, field.id)) {\n                  if (field.type !== 'checkbox') {\n                    return 'additional-fields:v8n_invalid';\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        return true;\n      },\n    ];\n  }\n\n  /** A function that returns a URL of a payment method icon based on the given type. */\n  getImageSrc: ((type: string) => string) | null = null;\n\n  private readonly __availablePaymentMethodsLoaderId = 'availablePaymentMethodsLoader';\n\n  private readonly __threeDSecureResponseGetValue = () => {\n    return this.form.config_3d_secure?.endsWith('require_valid_response') ? ['valid_only'] : [];\n  };\n\n  private readonly __threeDSecureResponseSetValue = (newValue: string[]) => {\n    const postfix = newValue.includes('valid_only') ? '_require_valid_response' : '';\n\n    const config = this.form.config_3d_secure;\n    const type = config?.startsWith('all_cards') ? 'all_cards' : 'maestro_only';\n\n    this.edit({\n      config_3d_secure: `${type}${postfix}` as Data['config_3d_secure'],\n    });\n  };\n\n  private readonly __threeDSecureResponseOptions = [\n    { value: 'valid_only', label: 'option_valid_only' },\n  ];\n\n  private readonly __threeDSecureToggleGetValue = () => {\n    const config = this.form.config_3d_secure;\n\n    if (config?.startsWith('all_cards')) return 'all_cards';\n    if (config?.startsWith('maestro_only')) return 'maestro_only';\n\n    return 'off';\n  };\n\n  private readonly __threeDSecureToggleSetValue = (\n    newValue: 'off' | 'all_cards' | 'maestro_only'\n  ) => {\n    let newFormValue = '';\n\n    if (newValue === 'all_cards' || newValue === 'maestro_only') {\n      if (this.form.config_3d_secure?.endsWith('require_valid_response')) {\n        newFormValue = `${newValue}_require_valid_response`;\n      } else {\n        newFormValue = newValue;\n      }\n    }\n\n    this.edit({ config_3d_secure: newFormValue as Data['config_3d_secure'] });\n  };\n\n  private readonly __threeDSecureToggleOptions = [\n    { value: 'off', label: 'option_off' },\n    { value: 'all_cards', label: 'option_all_cards' },\n    { value: 'maestro_only', label: 'option_maestro_only' },\n  ];\n\n  private __tab = 0;\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());\n  }\n\n  renderHeader(...params: Parameters<InternalForm<Data>['renderHeader']>): TemplateResult {\n    return html`\n      <div>\n        ${super.renderHeader(...params)}\n        ${this.data?.type || !this.form.type\n          ? html``\n          : html`\n              <vaadin-button\n                data-testid=\"select-another-button\"\n                theme=\"tertiary-inline\"\n                @click=${() => this.undo()}\n              >\n                <foxy-i18n infer=\"\" key=\"select_another_button_label\"></foxy-i18n>\n              </vaadin-button>\n            `}\n      </div>\n    `;\n  }\n\n  get headerTitleOptions(): Record<string, unknown> {\n    return {\n      context: this.form.type ? 'selected' : 'new',\n      name: this.form.helper?.name,\n    };\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    if (this.href) {\n      const vId = getResourceId(this.href) as string;\n      const id = this.headerCopyIdValue;\n      if (vId.startsWith('R')) return { context: 'regular', id };\n      return { context: 'hosted', id };\n    }\n\n    return {};\n  }\n\n  get headerCopyIdValue(): string | number {\n    if (this.href) {\n      const id = getResourceId(this.href) as string;\n      return id.startsWith('R') ? id.slice(1) : id.slice(1).split('C')[0];\n    } else {\n      return '';\n    }\n  }\n\n  renderBody(): TemplateResult {\n    const paymentMethodsLoader = html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__availablePaymentMethodsHref)}\n        id=${this.__availablePaymentMethodsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n\n    return html`${this.renderHeader()}${this.form.type\n      ? this.__renderPaymentMethodConfig()\n      : this.__renderPaymentMethodSelector()}${paymentMethodsLoader}`;\n  }\n\n  private get __groupedAvailablePaymentMethods() {\n    return Object.entries(this.__availablePaymentMethods ?? {})\n      .sort((a, b) => a[0].localeCompare(b[0], 'en'))\n      .reduce((groups, [type, helper]) => {\n        if (helper.is_deprecated) return groups;\n\n        const firstChar = type.charAt(0).toUpperCase();\n        const isSpecialCharacter = !/\\w/.test(firstChar);\n        const name = isSpecialCharacter ? '#' : firstChar;\n        const group = groups.find(group => group.name === name);\n\n        if (group) {\n          group.items.push({ type, helper });\n        } else {\n          groups.push({ name, items: [{ type, helper }] });\n        }\n\n        return groups;\n      }, [] as { name: string; items: PaymentMethod[] }[]);\n  }\n\n  private get __availablePaymentMethodsLoader() {\n    type Loader = NucleonElement<AvailablePaymentMethods>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__availablePaymentMethodsLoaderId}`);\n  }\n\n  private get __availablePaymentMethodsHref() {\n    try {\n      const presetIdRegex = /\\/payment_presets\\/(?<presetId>.+)\\//;\n      const pathname = new URL(this.href || this.parent).pathname;\n      const presetId = presetIdRegex.exec(pathname)!.groups!.presetId;\n      const url = new URL(\n        `/payment_presets/${presetId}/available_payment_methods`,\n        this.href || this.parent\n      );\n\n      return url.toString();\n    } catch {\n      // ignore\n    }\n  }\n\n  private get __availablePaymentMethods() {\n    return this.__availablePaymentMethodsLoader?.data?.values;\n  }\n\n  private get __liveBlocks() {\n    return this.form.helper?.additional_fields?.blocks.filter(block => block.is_live) ?? [];\n  }\n\n  private get __testBlocks() {\n    return this.form.helper?.additional_fields?.blocks.filter(block => !block.is_live) ?? [];\n  }\n\n  private __renderPaymentMethodSelector() {\n    const loader = this.__availablePaymentMethodsLoader;\n\n    if (!loader?.data) {\n      return html`\n        <foxy-spinner infer=\"list-spinner\" state=${loader?.in('fail') ? 'error' : 'busy'}>\n        </foxy-spinner>\n      `;\n    }\n\n    return html`\n      <div>\n        <section data-testid=\"select-method-list\" class=\"-mt-m\">\n          ${this.__groupedAvailablePaymentMethods.map(({ name, items }) => {\n            return html`\n              <p class=\"font-medium text-tertiary py-m\">${name}</p>\n              <ul class=\"grid grid-cols-2 gap-m\">\n                ${items.map(item => html`<li>${this.__renderPaymentMethodButton(item)}</li>`)}\n              </ul>\n            `;\n          })}\n        </section>\n      </div>\n    `;\n  }\n\n  private __renderPaymentMethodConfig() {\n    return html`\n      <div class=\"rounded-t-l rounded-b-l border border-contrast-10\">\n        <vaadin-tabs\n          selected=${this.__tab}\n          theme=\"centered\"\n          @selected-changed=${(evt: CustomEvent) => {\n            const tabs = evt.currentTarget as TabsElement;\n            this.__tab = tabs.selected ?? 0;\n          }}\n        >\n          <vaadin-tab><foxy-i18n infer=\"\" key=\"tab_live\"></foxy-i18n></vaadin-tab>\n          <vaadin-tab><foxy-i18n infer=\"\" key=\"tab_test\"></foxy-i18n></vaadin-tab>\n        </vaadin-tabs>\n\n        <div class=\"overflow-hidden\">\n          <div\n            data-testid=\"tab-content\"\n            class=\"grid grid-cols-2 gap-m transition-transform transform duration-300\"\n            style=${classMap({\n              'width: calc(200% + var(--lumo-space-m));': true,\n              '--tw-translate-x: 0;': this.__tab === 0,\n              '--tw-translate-x: calc(-50% - (var(--lumo-space-m) / 2));': this.__tab !== 0,\n            })}\n          >\n            ${['live', 'test'].map((type, index) => {\n              const prefix = index === 0 ? '' : `${type}-`;\n              const blocks = index === 0 ? this.__liveBlocks : this.__testBlocks;\n\n              return html`\n                <div\n                  class=${classMap({\n                    'grid grid-cols-1 gap-m p-m transition-opacity duration-300': true,\n                    'opacity-100': this.__tab === index,\n                    'opacity-0': this.__tab !== index,\n                  })}\n                >\n                  ${this.form.helper?.id_description\n                    ? html`\n                        <foxy-internal-text-control\n                          placeholder=${this.t('default_additional_field_placeholder')}\n                          helper-text=\"\"\n                          label=${this.form.helper.id_description}\n                          infer=\"${prefix}account-id\"\n                        >\n                        </foxy-internal-text-control>\n                      `\n                    : ''}\n                  ${this.form.helper?.third_party_key_description\n                    ? html`\n                        <foxy-internal-text-control\n                          placeholder=${this.t('default_additional_field_placeholder')}\n                          helper-text=\"\"\n                          label=${this.form.helper.third_party_key_description}\n                          infer=\"${prefix}third-party-key\"\n                        >\n                        </foxy-internal-text-control>\n                      `\n                    : ''}\n                  ${this.form.helper?.key_description\n                    ? html`\n                        <foxy-internal-text-control\n                          placeholder=${this.t('default_additional_field_placeholder')}\n                          helper-text=\"\"\n                          label=${this.form.helper.key_description}\n                          infer=\"${prefix}account-key\"\n                        >\n                        </foxy-internal-text-control>\n                      `\n                    : ''}\n                  ${blocks.map(block => this.__renderBlock(block))}\n                </div>\n              `;\n            })}\n          </div>\n        </div>\n      </div>\n\n      <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n      ${this.form.helper?.supports_3d_secure\n        ? html`\n            <foxy-internal-radio-group-control\n              infer=\"three-d-secure-toggle\"\n              class=\"-mb-s\"\n              .getValue=${this.__threeDSecureToggleGetValue}\n              .setValue=${this.__threeDSecureToggleSetValue}\n              .options=${this.__threeDSecureToggleOptions}\n            >\n            </foxy-internal-radio-group-control>\n\n            ${this.form.config_3d_secure\n              ? html`\n                  <foxy-internal-checkbox-group-control\n                    infer=\"three-d-secure-response\"\n                    class=\"-mb-s\"\n                    .getValue=${this.__threeDSecureResponseGetValue}\n                    .setValue=${this.__threeDSecureResponseSetValue}\n                    .options=${this.__threeDSecureResponseOptions}\n                  >\n                  </foxy-internal-checkbox-group-control>\n                `\n              : ''}\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n\n  private __renderPaymentMethodButton({ type, helper }: PaymentMethod) {\n    const defaultSrc = PaymentsApiPaymentMethodForm.defaultImageSrc;\n    const src = this.getImageSrc?.(type) ?? defaultSrc;\n    const onError = (evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc);\n\n    return html`\n      <button\n        class=${classMap({\n          'relative w-full block text-left p-s rounded bg-contrast-5 overflow-hidden': true,\n          'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n          'transition-colors hover-bg-contrast-10': !helper.conflict,\n          'cursor-default': !!helper.conflict,\n        })}\n        ?disabled=${!!helper.conflict}\n        title=${helper.conflict ? this.t('conflict_message', helper.conflict) : ''}\n        @click=${() => this.edit({ type, helper })}\n      >\n        <img\n          class=\"absolute top-0 left-0 w-1-2 h-full object-cover bg-center filter saturate-200 blur-3xl\"\n          style=\"transform: translate3d(0, 0, 0)\"\n          src=${src}\n          alt=\"\"\n          ?hidden=${!!helper.conflict}\n          @error=${onError}\n        />\n\n        <figure class=\"relative flex flex-col gap-m\">\n          <img\n            class=${classMap({\n              'h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs': true,\n              'filter grayscale': !!helper.conflict,\n            })}\n            src=${src}\n            alt=\"\"\n            @error=${onError}\n          />\n\n          <figcaption\n            class=${classMap({\n              'min-w-0 flex-1 truncate leading-s': true,\n              'text-disabled': !!helper.conflict,\n            })}\n          >\n            <div class=\"font-medium\">${helper.name}&ZeroWidthSpace;</div>\n            <div class=\"text-xs ${helper.conflict ? '' : 'text-secondary'}\">${type}</div>\n          </figcaption>\n        </figure>\n      </button>\n    `;\n  }\n\n  private __renderBlock(block: Block) {\n    return html`${block.fields.map(field => {\n      const scope = ['additional-fields', field.id].join('-').replace(/_/g, '-');\n\n      const getValue = () => {\n        try {\n          const config = JSON.parse(this.form.additional_fields ?? '{}');\n          return get(config, field.id) ?? config.default_value;\n        } catch {\n          return field.default_value;\n        }\n      };\n\n      const setValue = (newValue: unknown) => {\n        try {\n          const config = JSON.parse(this.form.additional_fields ?? '{}');\n          this.edit({ additional_fields: JSON.stringify(set(config, field.id, newValue)) });\n        } catch {\n          return '';\n        }\n      };\n\n      type Option = { name: string; value: string };\n      const options = (field as { options?: Option[] }).options;\n\n      return html`\n        ${field.type === 'checkbox'\n          ? html`\n              <foxy-internal-checkbox-group-control\n                helper-text=${field.description ?? ''}\n                label=\"\"\n                class=\"-mb-s\"\n                infer=${scope}\n                .options=${[{ label: field.name, value: 'checked' }]}\n                .getValue=${() => (getValue() ? ['checked'] : [])}\n                .setValue=${(newValue: string[]) => {\n                  setValue(newValue.includes('checked'));\n                }}\n              >\n              </foxy-internal-checkbox-group-control>\n            `\n          : field.type === 'select'\n          ? html`\n              <foxy-internal-select-control\n                helper-text=${field.description ?? ''}\n                label=${field.name}\n                infer=${scope}\n                .options=${options!.map(({ name, value }) => ({ label: name, value }))}\n                .getValue=${getValue}\n                .setValue=${setValue}\n              >\n              </foxy-internal-select-control>\n            `\n          : html`\n              <foxy-internal-text-control\n                helper-text=${field.description ?? ''}\n                placeholder=${field.default_value || this.t('default_additional_field_placeholder')}\n                label=${field.name}\n                infer=${scope}\n                .getValue=${getValue}\n                .setValue=${setValue}\n              >\n              </foxy-internal-text-control>\n            `}\n      `;\n    })}`;\n  }\n}\n"]}
+{"version":3,"file":"PaymentsApiPaymentMethodForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/PaymentsApiPaymentMethodForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { AvailablePaymentMethods, PaymentPreset } from '../PaymentsApi/api/types';\nimport type { Block, Data } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, svg } from 'lit-html';\nimport { classMap } from '../../../utils/class-map';\n\nimport has from 'lodash-es/has';\nimport get from 'lodash-es/get';\nimport set from 'lodash-es/set';\n\ntype PaymentMethod = {\n  helper: AvailablePaymentMethods['values'][string];\n  type: string;\n};\n\nconst NS = 'payments-api-payment-method-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for the `fx:payment_method` 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-method-form\n * @since 1.21.0\n */\nexport class PaymentsApiPaymentMethodForm extends Base<Data> {\n  static get defaultImageSrc(): string {\n    return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23fff' d='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E\";\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      paymentPreset: { attribute: 'payment-preset' },\n      getImageSrc: { attribute: false },\n      store: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !v || v.length <= 100 || 'description:v8n_too_long',\n      ({ type: v }) => !!v || 'type:v8n_required',\n\n      form => {\n        const blocks = form.helper?.additional_fields?.blocks ?? [];\n        let additionalFields: Record<string, unknown>;\n\n        try {\n          additionalFields = JSON.parse(form.additional_fields ?? '{}');\n        } catch {\n          additionalFields = {};\n        }\n\n        for (const block of blocks) {\n          for (const field of block.fields) {\n            if ('optional' in (field as Record<string, unknown>)) {\n              if (!(field as Record<string, unknown>).optional) {\n                if (!has(additionalFields, field.id)) {\n                  if (field.type !== 'checkbox') {\n                    return 'additional-fields:v8n_invalid';\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        return true;\n      },\n    ];\n  }\n\n  /** URL of the linked `fx:payment_preset` resource from the virtual Payments API. */\n  paymentPreset: string | null = null;\n\n  /** A function that returns a URL of a payment method icon based on the given type. */\n  getImageSrc: ((type: string) => string) | null = null;\n\n  /** URL of the linked `fx:store` resource. */\n  store: string | null = null;\n\n  private readonly __availablePaymentMethodsLoaderId = 'availablePaymentMethodsLoader';\n\n  private readonly __paymentPresetLoaderId = 'paymentPresetLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __threeDSecureResponseGetValue = () => {\n    return this.form.config_3d_secure?.endsWith('require_valid_response');\n  };\n\n  private readonly __threeDSecureResponseSetValue = (newValue: boolean) => {\n    const postfix = newValue ? '_require_valid_response' : '';\n    const config = this.form.config_3d_secure;\n    const type = config?.startsWith('all_cards') ? 'all_cards' : 'maestro_only';\n\n    this.edit({ config_3d_secure: `${type}${postfix}` as Data['config_3d_secure'] });\n  };\n\n  private readonly __threeDSecureToggleGetValue = () => {\n    const config = this.form.config_3d_secure;\n\n    if (config?.startsWith('all_cards')) return 'all_cards';\n    if (config?.startsWith('maestro_only')) return 'maestro_only';\n\n    return 'off';\n  };\n\n  private readonly __threeDSecureToggleSetValue = (\n    newValue: 'off' | 'all_cards' | 'maestro_only'\n  ) => {\n    let newFormValue = '';\n\n    if (newValue === 'all_cards' || newValue === 'maestro_only') {\n      if (this.form.config_3d_secure?.endsWith('require_valid_response')) {\n        newFormValue = `${newValue}_require_valid_response`;\n      } else {\n        newFormValue = newValue;\n      }\n    }\n\n    this.edit({ config_3d_secure: newFormValue as Data['config_3d_secure'] });\n  };\n\n  private readonly __threeDSecureToggleOptions = [\n    { value: 'off', label: 'option_off' },\n    { value: 'all_cards', label: 'option_all_cards' },\n    { value: 'maestro_only', label: 'option_maestro_only' },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());\n  }\n\n  renderHeader(...params: Parameters<InternalForm<Data>['renderHeader']>): TemplateResult {\n    return html`\n      <div>\n        ${super.renderHeader(...params)}\n        ${this.data?.type || !this.form.type\n          ? html``\n          : html`\n              <vaadin-button\n                data-testid=\"select-another-button\"\n                theme=\"tertiary-inline\"\n                @click=${() => this.undo()}\n              >\n                <foxy-i18n infer=\"\" key=\"select_another_button_label\"></foxy-i18n>\n              </vaadin-button>\n            `}\n      </div>\n    `;\n  }\n\n  get headerTitleOptions(): Record<string, unknown> {\n    return {\n      context: this.form.type ? 'selected' : 'new',\n      name: this.form.helper?.name,\n    };\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    if (this.href) {\n      const vId = getResourceId(this.href) as string;\n      const id = this.headerCopyIdValue;\n      if (vId.startsWith('R')) return { context: 'regular', id };\n      return { context: 'hosted', id };\n    }\n\n    return {};\n  }\n\n  get headerCopyIdValue(): string | number {\n    if (this.href) {\n      const id = getResourceId(this.href) as string;\n      return id.startsWith('R') ? id.slice(1) : id.slice(1).split('C')[0];\n    } else {\n      return '';\n    }\n  }\n\n  renderBody(): TemplateResult {\n    const paymentPreset = this.__paymentPresetLoader?.data;\n\n    const loaders = html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(paymentPreset?._links['fx:available_payment_methods'].href)}\n        id=${this.__availablePaymentMethodsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.store)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.paymentPreset)}\n        id=${this.__paymentPresetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n\n    return html`${this.renderHeader()}${this.form.type\n      ? this.__renderPaymentMethodConfig()\n      : this.__renderPaymentMethodSelector()}${loaders}`;\n  }\n\n  private get __groupedAvailablePaymentMethods() {\n    return Object.entries(this.__availablePaymentMethods ?? {})\n      .sort((a, b) => a[0].localeCompare(b[0], 'en'))\n      .reduce((groups, [type, helper]) => {\n        if (helper.is_deprecated) return groups;\n\n        const firstChar = type.charAt(0).toUpperCase();\n        const isSpecialCharacter = !/\\w/.test(firstChar);\n        const name = isSpecialCharacter ? '#' : firstChar;\n        const group = groups.find(group => group.name === name);\n\n        if (group) {\n          group.items.push({ type, helper });\n        } else {\n          groups.push({ name, items: [{ type, helper }] });\n        }\n\n        return groups;\n      }, [] as { name: string; items: PaymentMethod[] }[]);\n  }\n\n  private get __availablePaymentMethodsLoader() {\n    type Loader = NucleonElement<AvailablePaymentMethods>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__availablePaymentMethodsLoaderId}`);\n  }\n\n  private get __availablePaymentMethods() {\n    return this.__availablePaymentMethodsLoader?.data?.values;\n  }\n\n  private get __paymentPresetLoader() {\n    type Loader = NucleonElement<PaymentPreset>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__paymentPresetLoaderId}`);\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n\n  private get __liveBlocks() {\n    return this.form.helper?.additional_fields?.blocks.filter(block => block.is_live) ?? [];\n  }\n\n  private get __testBlocks() {\n    return this.form.helper?.additional_fields?.blocks.filter(block => !block.is_live) ?? [];\n  }\n\n  private __renderPaymentMethodSelector() {\n    const loader = this.__availablePaymentMethodsLoader;\n\n    if (!loader?.data) {\n      return html`\n        <foxy-spinner infer=\"list-spinner\" state=${loader?.in('fail') ? 'error' : 'busy'}>\n        </foxy-spinner>\n      `;\n    }\n\n    return html`\n      <div>\n        <section data-testid=\"select-method-list\" class=\"-mt-m\">\n          ${this.__groupedAvailablePaymentMethods.map(({ name, items }) => {\n            return html`\n              <p class=\"font-medium text-tertiary py-m\">${name}</p>\n              <ul class=\"grid grid-cols-2 gap-m\">\n                ${items.map(item => html`<li>${this.__renderPaymentMethodButton(item)}</li>`)}\n              </ul>\n            `;\n          })}\n        </section>\n      </div>\n    `;\n  }\n\n  private __renderPaymentMethodConfig() {\n    const oauthGateways = [\n      'stripe_connect',\n      'square_up',\n      'quickbook_payments',\n      'amazon_mws',\n      'paypal_platform',\n    ];\n\n    if (this.form.type && oauthGateways.includes(this.form.type)) {\n      return html`\n        <div\n          class=\"flex items-start rounded border border-primary\"\n          style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px); padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n        >\n          ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0 text-primary\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z\" clip-rule=\"evenodd\"></path></svg>`}\n          <p>\n            <foxy-i18n infer=\"\" key=\"no_oauth_support_message\"></foxy-i18n>\n            <br />\n            <a\n              target=\"_blank\"\n              class=\"mt-xs inline-block rounded font-medium text-primary transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n              href=\"https://admin.foxycart.com\"\n            >\n              admin.foxycart.com\n            </a>\n          </p>\n        </div>\n      `;\n    }\n\n    return html`\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n        </foxy-internal-text-control>\n\n        ${this.form.helper?.supports_3d_secure\n          ? html`\n              <foxy-internal-select-control\n                layout=\"summary-item\"\n                infer=\"three-d-secure-toggle\"\n                .getValue=${this.__threeDSecureToggleGetValue}\n                .setValue=${this.__threeDSecureToggleSetValue}\n                .options=${this.__threeDSecureToggleOptions}\n              >\n              </foxy-internal-select-control>\n\n              ${this.form.config_3d_secure\n                ? html`\n                    <foxy-internal-switch-control\n                      layout=\"summary-item\"\n                      infer=\"three-d-secure-response\"\n                      .getValue=${this.__threeDSecureResponseGetValue}\n                      .setValue=${this.__threeDSecureResponseSetValue}\n                    >\n                    </foxy-internal-switch-control>\n                  `\n                : ''}\n            `\n          : ''}\n      </foxy-internal-summary-control>\n\n      ${['live', 'test'].map((type, index) => {\n        const prefix = index === 0 ? '' : `${type}-`;\n        const blocks = index === 0 ? this.__liveBlocks : this.__testBlocks;\n        const scope = `${type}-group`;\n\n        if (type === 'live' && !this.__storeLoader?.data) return html``;\n        if (type === 'live' && !this.__storeLoader?.data?.is_active) {\n          return html`\n            <foxy-internal-summary-control infer=\"${type}-group\">\n              <div\n                class=\"flex items-start\"\n                style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              >\n                ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0 text-primary\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z\" clip-rule=\"evenodd\"></path></svg>`}\n                <p><foxy-i18n infer=\"\" key=\"inactive_message\"></foxy-i18n></p>\n              </div>\n            </foxy-internal-summary-control>\n          `;\n        }\n\n        const showInactiveSetText =\n          this.__storeLoader?.data?.is_active === true &&\n          ((type === 'test' && this.__paymentPresetLoader?.data?.is_live === true) ||\n            (type === 'live' && this.__paymentPresetLoader?.data?.is_live === false));\n\n        return html`\n          <foxy-internal-summary-control\n            helper-text=${ifDefined(\n              showInactiveSetText ? this.t(`${scope}.helper_text_inactive`) : void 0\n            )}\n            label=${ifDefined(showInactiveSetText ? this.t(`${scope}.label_inactive`) : void 0)}\n            infer=${scope}\n          >\n            ${this.form.helper?.id_description\n              ? html`\n                  <foxy-internal-text-control\n                    placeholder=${this.t('default_additional_field_placeholder')}\n                    helper-text=\"\"\n                    layout=\"summary-item\"\n                    label=${this.form.helper.id_description}\n                    infer=\"${prefix}account-id\"\n                  >\n                  </foxy-internal-text-control>\n                `\n              : ''}\n            ${this.form.helper?.third_party_key_description\n              ? html`\n                  <foxy-internal-text-control\n                    placeholder=${this.t('default_additional_field_placeholder')}\n                    helper-text=\"\"\n                    layout=\"summary-item\"\n                    label=${this.form.helper.third_party_key_description}\n                    infer=\"${prefix}third-party-key\"\n                  >\n                  </foxy-internal-text-control>\n                `\n              : ''}\n            ${this.form.helper?.key_description\n              ? html`\n                  <foxy-internal-text-control\n                    placeholder=${this.t('default_additional_field_placeholder')}\n                    layout=\"summary-item\"\n                    helper-text=\"\"\n                    label=${this.form.helper.key_description}\n                    infer=\"${prefix}account-key\"\n                  >\n                  </foxy-internal-text-control>\n                `\n              : ''}\n            ${blocks.map(block => this.__renderBlock(block))}\n          </foxy-internal-summary-control>\n        `;\n      })}\n      ${super.renderBody()}\n    `;\n  }\n\n  private __renderPaymentMethodButton({ type, helper }: PaymentMethod) {\n    const defaultSrc = PaymentsApiPaymentMethodForm.defaultImageSrc;\n    const src = this.getImageSrc?.(type) ?? defaultSrc;\n    const onError = (evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc);\n\n    return html`\n      <button\n        class=${classMap({\n          'relative w-full block text-left p-s rounded bg-contrast-5 overflow-hidden': true,\n          'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n          'transition-colors hover-bg-contrast-10': !helper.conflict,\n          'cursor-default': !!helper.conflict,\n        })}\n        ?disabled=${!!helper.conflict}\n        title=${helper.conflict ? this.t('conflict_message', helper.conflict) : ''}\n        @click=${() => this.edit({ type, helper })}\n      >\n        <img\n          class=\"absolute top-0 left-0 w-1-2 h-full object-cover bg-center filter saturate-200 blur-3xl\"\n          style=\"transform: translate3d(0, 0, 0)\"\n          src=${src}\n          alt=\"\"\n          ?hidden=${!!helper.conflict}\n          @error=${onError}\n        />\n\n        <figure class=\"relative flex flex-col gap-m\">\n          <img\n            class=${classMap({\n              'h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs': true,\n              'filter grayscale': !!helper.conflict,\n            })}\n            src=${src}\n            alt=\"\"\n            @error=${onError}\n          />\n\n          <figcaption\n            class=${classMap({\n              'min-w-0 flex-1 truncate leading-s': true,\n              'text-disabled': !!helper.conflict,\n            })}\n          >\n            <div class=\"font-medium\">${helper.name}&ZeroWidthSpace;</div>\n            <div class=\"text-xs ${helper.conflict ? '' : 'text-secondary'}\">${type}</div>\n          </figcaption>\n        </figure>\n      </button>\n    `;\n  }\n\n  private __renderBlock(block: Block) {\n    return html`${block.fields.map(field => {\n      if (field.type === 'hidden') return;\n      const scope = ['additional-fields', field.id].join('-').replace(/_/g, '-');\n\n      const getValue = () => {\n        try {\n          const config = JSON.parse(this.form.additional_fields ?? '{}');\n          return get(config, field.id) ?? config.default_value;\n        } catch {\n          return field.default_value;\n        }\n      };\n\n      const setValue = (newValue: unknown) => {\n        let config: Record<string, unknown> = {};\n\n        try {\n          config = JSON.parse(this.form.additional_fields ?? '');\n        } catch {\n          // ignore\n        }\n\n        this.edit({ additional_fields: JSON.stringify(set(config, field.id, newValue)) });\n      };\n\n      type Option = { name: string; value: string };\n      const options = (field as { options?: Option[] }).options;\n\n      return html`\n        ${field.type === 'checkbox'\n          ? html`\n              <foxy-internal-switch-control\n                helper-text=${field.description ?? ''}\n                label=${field.name}\n                infer=${scope}\n                helper-text-as-tooltip\n                .getValue=${getValue}\n                .setValue=${setValue}\n              >\n              </foxy-internal-switch-control>\n            `\n          : field.type === 'select'\n          ? html`\n              <foxy-internal-select-control\n                placeholder=${this.t('default_additional_field_select_placeholder')}\n                helper-text=${field.description ?? ''}\n                layout=\"summary-item\"\n                label=${field.name}\n                infer=${scope}\n                .options=${options!.map(({ name, value }) => ({ label: name, value }))}\n                .getValue=${getValue}\n                .setValue=${setValue}\n              >\n              </foxy-internal-select-control>\n            `\n          : html`\n              <foxy-internal-text-control\n                helper-text=${field.description ?? ''}\n                placeholder=${field.default_value || this.t('default_additional_field_placeholder')}\n                layout=\"summary-item\"\n                label=${field.name}\n                infer=${scope}\n                .getValue=${getValue}\n                .setValue=${setValue}\n              >\n              </foxy-internal-text-control>\n            `}\n      `;\n    })}`;\n  }\n}\n"]}

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

@@ -1,8 +1,6 @@
 import '@vaadin/vaadin-button';
-import '@vaadin/vaadin-tabs';
-import '../../internal/InternalAsyncComboBoxControl/index';
-import '../../internal/InternalCheckboxGroupControl/index';
-import '../../internal/InternalRadioGroupControl/index';
+import '../../internal/InternalSummaryControl/index';
+import '../../internal/InternalSwitchControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';

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

@@ -1,8 +1,6 @@
 import '@vaadin/vaadin-button';
-import '@vaadin/vaadin-tabs';
-import "../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../internal/InternalCheckboxGroupControl/index.js";
-import "../../internal/InternalRadioGroupControl/index.js";
+import "../../internal/InternalSummaryControl/index.js";
+import "../../internal/InternalSwitchControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAE7B,8DAA2D;AAC3D,8DAA2D;AAC3D,2DAAwD;AACxD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AACjC,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-tabs';\n\nimport '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalRadioGroupControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';\n\ncustomElements.define('foxy-payments-api-payment-method-form', PaymentsApiPaymentMethodForm);\n\nexport { PaymentsApiPaymentMethodForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,wDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AACjC,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalSwitchControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';\n\ncustomElements.define('foxy-payments-api-payment-method-form', PaymentsApiPaymentMethodForm);\n\nexport { PaymentsApiPaymentMethodForm };\n"]}