@foxy.io/elements 1.23.0-beta.1 → 1.23.0-beta.3

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsApi.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApi/PaymentsApi.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\n\nimport { LitElement } from 'lit-element';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { getHandler } from './api/index';\nimport { API } from '../NucleonElement/API';\n\n/**\n * Adapter element for Payments API. This element requires an additional hAPI adapter\n * that will handle authentication and session management.\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 * Payments API elements with hAPI, wrap them into this node._\n *\n * @element foxy-payments-api\n * @since 1.21.0\n */\nexport class PaymentsApi extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      paymentMethodSetHostedPaymentGatewaysUrl: {\n        attribute: 'payment-method-set-hosted-payment-gateways-url',\n      },\n\n      hostedPaymentGatewaysHelperUrl: { attribute: 'hosted-payment-gateways-helper-url' },\n      hostedPaymentGatewaysUrl: { attribute: 'hosted-payment-gateways-url' },\n      paymentGatewaysHelperUrl: { attribute: 'payment-gateways-helper-url' },\n      paymentMethodSetsUrl: { attribute: 'payment-method-sets-url' },\n      fraudProtectionsUrl: { attribute: 'fraud-protections-url' },\n      paymentGatewaysUrl: { attribute: 'payment-gateways-url' },\n    };\n  }\n\n  /** URL of the `fx:payment_method_set_hosted_payment_gateways` collection. */\n  paymentMethodSetHostedPaymentGatewaysUrl: string | null = null;\n\n  /** URL of the `fx:hosted_payment_gateways` property helper. */\n  hostedPaymentGatewaysHelperUrl: string | null = null;\n\n  /** URL of the `fx:hosted_payment_gateways` collection. */\n  hostedPaymentGatewaysUrl: string | null = null;\n\n  /** URL of the `fx:payment_gateways` property helper. */\n  paymentGatewaysHelperUrl: string | null = null;\n\n  /** URL of the `fx:payment_method_sets` collection. */\n  paymentMethodSetsUrl: string | null = null;\n\n  /** URL of the `fx:fraud_protections` collection. */\n  fraudProtectionsUrl: string | null = null;\n\n  /** URL of the `fx:payment_gateways` collection. */\n  paymentGatewaysUrl: string | null = null;\n\n  private readonly __api = new API(this);\n\n  private readonly __fetch = this.__api.fetch.bind(this.__api);\n\n  private readonly __handleFetch = (evt: Event) => {\n    if (!(evt instanceof FetchEvent)) return;\n    if (!evt.request.url.startsWith('https://foxy-payments-api.element/')) return;\n    if (evt.defaultPrevented) return;\n\n    const {\n      paymentMethodSetHostedPaymentGatewaysUrl,\n      hostedPaymentGatewaysHelperUrl,\n      paymentGatewaysHelperUrl,\n      hostedPaymentGatewaysUrl,\n      paymentMethodSetsUrl,\n      fraudProtectionsUrl,\n      paymentGatewaysUrl,\n    } = this;\n\n    if (paymentMethodSetHostedPaymentGatewaysUrl === null) return;\n    if (hostedPaymentGatewaysHelperUrl === null) return;\n    if (paymentGatewaysHelperUrl === null) return;\n    if (hostedPaymentGatewaysUrl === null) return;\n    if (paymentMethodSetsUrl === null) return;\n    if (fraudProtectionsUrl === null) return;\n    if (paymentGatewaysUrl === null) return;\n\n    const createGetter = (link: string) => (id: string) => {\n      const url = new URL(link);\n      if (!url.pathname.endsWith('/')) url.pathname += '/';\n      url.pathname += id;\n      return url.toString();\n    };\n\n    const handler = getHandler({\n      hostedPaymentGatewaysHelperUrl,\n      paymentGatewaysHelperUrl,\n      hostedPaymentGatewaysUrl,\n      paymentMethodSetsUrl,\n      fraudProtectionsUrl,\n      paymentGatewaysUrl,\n\n      getPaymentMethodSetHostedPaymentGatewayUrl: createGetter(\n        paymentMethodSetHostedPaymentGatewaysUrl\n      ),\n\n      getHostedPaymentGatewayUrl: createGetter(hostedPaymentGatewaysUrl),\n      getPaymentMethodSetUrl: createGetter(paymentMethodSetsUrl),\n      getFraudProtectionUrl: createGetter(fraudProtectionsUrl),\n      getPaymentGatewayUrl: createGetter(paymentGatewaysUrl),\n\n      request: evt.request,\n      fetch: this.__fetch,\n    });\n\n    if (handler) {\n      evt.preventDefault();\n      evt.respondWith(handler);\n    }\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__handleFetch);\n  }\n\n  createRenderRoot(): Element | ShadowRoot {\n    return this;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__handleFetch);\n  }\n}\n"]}
+{"version":3,"file":"PaymentsApi.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApi/PaymentsApi.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\n\nimport { LitElement } from 'lit-element';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { getHandler } from './api/index';\nimport { API } from '../NucleonElement/API';\n\n/**\n * Adapter element for Payments API. This element requires an additional hAPI adapter\n * that will handle authentication and session management.\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 * Payments API elements with hAPI, wrap them into this node._\n *\n * @element foxy-payments-api\n * @since 1.21.0\n */\nexport class PaymentsApi extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      paymentMethodSetHostedPaymentGatewayBaseUrl: {\n        attribute: 'payment-method-set-hosted-payment-gateway-base-url',\n      },\n\n      paymentMethodSetHostedPaymentGatewaysUrl: {\n        attribute: 'payment-method-set-hosted-payment-gateways-url',\n      },\n\n      hostedPaymentGatewaysHelperUrl: { attribute: 'hosted-payment-gateways-helper-url' },\n      hostedPaymentGatewayBaseUrl: { attribute: 'hosted-payment-gateway-base-url' },\n      hostedPaymentGatewaysUrl: { attribute: 'hosted-payment-gateways-url' },\n      paymentGatewaysHelperUrl: { attribute: 'payment-gateways-helper-url' },\n      paymentMethodSetBaseUrl: { attribute: 'payment-method-set-base-url' },\n      paymentMethodSetsUrl: { attribute: 'payment-method-sets-url' },\n      fraudProtectionBaseUrl: { attribute: 'fraud-protection-base-url' },\n      fraudProtectionsUrl: { attribute: 'fraud-protections-url' },\n      paymentGatewayBaseUrl: { attribute: 'payment-gateway-base-url' },\n      paymentGatewaysUrl: { attribute: 'payment-gateways-url' },\n    };\n  }\n\n  /**\n   * Base URL of the `fx:payment_method_set_hosted_payment_gateway` resource (without ID).\n   * @example https://api.foxy.io/payment_method_set_hosted_payment_gateways/\n   */\n  paymentMethodSetHostedPaymentGatewayBaseUrl: string | null = null;\n\n  /**\n   * URL of the `fx:payment_method_set_hosted_payment_gateways` collection.\n   * @example https://api.foxy.io/stores/0/payment_method_set_hosted_payment_gateways\n   */\n  paymentMethodSetHostedPaymentGatewaysUrl: string | null = null;\n\n  /**\n   * URL of the `fx:hosted_payment_gateways` property helper.\n   * @example https://api.foxy.io/property_helpers/hosted_payment_gateways\n   */\n  hostedPaymentGatewaysHelperUrl: string | null = null;\n\n  /**\n   * Base URL of the `fx:hosted_payment_gateway` resource (without ID).\n   * @example https://api.foxy.io/hosted_payment_gateways/\n   */\n  hostedPaymentGatewayBaseUrl: string | null = null;\n\n  /**\n   * URL of the `fx:hosted_payment_gateways` collection.\n   * @example https://api.foxy.io/stores/0/hosted_payment_gateways\n   */\n  hostedPaymentGatewaysUrl: string | null = null;\n\n  /**\n   * URL of the `fx:payment_gateways` property helper.\n   * @example https://api.foxy.io/property_helpers/payment_gateways\n   */\n  paymentGatewaysHelperUrl: string | null = null;\n\n  /**\n   * Base URL of the `fx:payment_method_set` resource (without ID).\n   * @example https://api.foxy.io/payment_method_sets/\n   */\n  paymentMethodSetBaseUrl: string | null = null;\n\n  /**\n   * URL of the `fx:payment_method_sets` collection.\n   * @example https://api.foxy.io/stores/0/payment_method_sets\n   */\n  paymentMethodSetsUrl: string | null = null;\n\n  /**\n   * Base URL of the `fx:fraud_protection` resource (without ID).\n   * @example https://api.foxy.io/fraud_protections/\n   */\n  fraudProtectionBaseUrl: string | null = null;\n\n  /**\n   * URL of the `fx:fraud_protections` collection.\n   * @example https://api.foxy.io/stores/0/fraud_protections\n   */\n  fraudProtectionsUrl: string | null = null;\n\n  /**\n   * Base URL of the `fx:payment_gateway` resource (without ID).\n   * @example https://api.foxy.io/payment_gateways/\n   */\n  paymentGatewayBaseUrl: string | null = null;\n\n  /**\n   * URL of the `fx:payment_gateways` collection.\n   * @example https://api.foxy.io/stores/0/payment_gateways\n   */\n  paymentGatewaysUrl: string | null = null;\n\n  private readonly __api = new API(this);\n\n  private readonly __fetch = this.__api.fetch.bind(this.__api);\n\n  private readonly __handleFetch = (evt: Event) => {\n    if (!(evt instanceof FetchEvent)) return;\n    if (!evt.request.url.startsWith('https://foxy-payments-api.element/')) return;\n    if (evt.defaultPrevented) return;\n\n    const {\n      paymentMethodSetHostedPaymentGatewaysUrl,\n      paymentMethodSetHostedPaymentGatewayBaseUrl = paymentMethodSetHostedPaymentGatewaysUrl,\n      hostedPaymentGatewaysHelperUrl,\n      paymentGatewaysHelperUrl,\n      hostedPaymentGatewaysUrl,\n      hostedPaymentGatewayBaseUrl = hostedPaymentGatewaysUrl,\n      paymentMethodSetsUrl,\n      paymentMethodSetBaseUrl = paymentMethodSetsUrl,\n      fraudProtectionsUrl,\n      fraudProtectionBaseUrl = fraudProtectionsUrl,\n      paymentGatewaysUrl,\n      paymentGatewayBaseUrl = paymentGatewaysUrl,\n    } = this;\n\n    if (paymentMethodSetHostedPaymentGatewaysUrl === null) return;\n    if (paymentMethodSetHostedPaymentGatewayBaseUrl === null) return;\n    if (hostedPaymentGatewaysHelperUrl === null) return;\n    if (paymentGatewaysHelperUrl === null) return;\n    if (hostedPaymentGatewaysUrl === null) return;\n    if (hostedPaymentGatewayBaseUrl === null) return;\n    if (paymentMethodSetsUrl === null) return;\n    if (paymentMethodSetBaseUrl === null) return;\n    if (fraudProtectionsUrl === null) return;\n    if (fraudProtectionBaseUrl === null) return;\n    if (paymentGatewaysUrl === null) return;\n    if (paymentGatewayBaseUrl === null) return;\n\n    const createGetter = (link: string) => (id: string) => {\n      const url = new URL(link);\n      if (!url.pathname.endsWith('/')) url.pathname += '/';\n      url.pathname += id;\n      return url.toString();\n    };\n\n    const handler = getHandler({\n      hostedPaymentGatewaysHelperUrl,\n      paymentGatewaysHelperUrl,\n      hostedPaymentGatewaysUrl,\n      paymentMethodSetsUrl,\n      fraudProtectionsUrl,\n      paymentGatewaysUrl,\n\n      getPaymentMethodSetHostedPaymentGatewayUrl: createGetter(\n        paymentMethodSetHostedPaymentGatewaysUrl\n      ),\n\n      getHostedPaymentGatewayUrl: createGetter(hostedPaymentGatewayBaseUrl),\n      getPaymentMethodSetUrl: createGetter(paymentMethodSetBaseUrl),\n      getFraudProtectionUrl: createGetter(fraudProtectionBaseUrl),\n      getPaymentGatewayUrl: createGetter(paymentGatewayBaseUrl),\n\n      request: evt.request,\n      fetch: this.__fetch,\n    });\n\n    if (handler) {\n      evt.preventDefault();\n      evt.respondWith(handler);\n    }\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__handleFetch);\n  }\n\n  createRenderRoot(): Element | ShadowRoot {\n    return this;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__handleFetch);\n  }\n}\n"]}

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

@@ -77,9 +77,5 @@ export declare class TemplateConfigForm extends Base<Data> {
     private __renderGoogleAnalytics;
     private __renderGoogleTag;
     private __renderTroubleshooting;
-    private __renderCustomConfig;
-    private __renderHeader;
-    private __renderCustomFields;
-    private __renderFooter;
 }
 export {};

package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.js

@@ -77,8 +77,8 @@ export class TemplateConfigForm extends Base {
     static get scopedElements() {
         return {
             'vaadin-text-field': customElements.get('vaadin-text-field'),
-            'vaadin-text-area': customElements.get('vaadin-text-area'),
             'iron-icon': customElements.get('iron-icon'),
+            'foxy-internal-source-control': customElements.get('foxy-internal-source-control'),
             'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
             'foxy-spinner': customElements.get('foxy-spinner'),
             'foxy-i18n': customElements.get('foxy-i18n'),
@@ -114,10 +114,71 @@ export class TemplateConfigForm extends Base {
           ${hidden.matches('google-analytics', true) ? '' : this.__renderGoogleAnalytics(json)}
           ${hidden.matches('google-tag', true) ? '' : this.__renderGoogleTag(json)}
           ${hidden.matches('troubleshooting', true) ? '' : this.__renderTroubleshooting(json)}
-          ${hidden.matches('custom-config', true) ? '' : this.__renderCustomConfig(json)}
-          ${hidden.matches('header', true) ? '' : this.__renderHeader(json)}
-          ${hidden.matches('custom-fields', true) ? '' : this.__renderCustomFields(json)}
-          ${hidden.matches('footer', true) ? '' : this.__renderFooter(json)}
+
+          <foxy-internal-source-control
+            data-testid="custom-config"
+            helper-text=${this.t('custom_config_helper_text')}
+            placeholder='{ "key": "value" }'
+            label=${this.t('custom_config')}
+            infer="custom-config"
+            .getValue=${() => {
+            if (typeof json.custom_config === 'string')
+                return json.custom_config;
+            return JSON.stringify(json.custom_config, null, 2);
+        }}
+            .setValue=${(newValue) => {
+            try {
+                json.custom_config = JSON.parse(newValue);
+            }
+            catch (_a) {
+                json.custom_config = newValue;
+            }
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
+
+          <foxy-internal-source-control
+            data-testid="header"
+            placeholder="<style>h1 { color: red }</style>"
+            helper-text=${this.t('custom_header_helper_text')}
+            label=${this.t('custom_header')}
+            infer="header"
+            .getValue=${() => json.custom_script_values.header}
+            .setValue=${(newValue) => {
+            json.custom_script_values.header = newValue;
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
+
+          <foxy-internal-source-control
+            data-testid="custom-fields"
+            placeholder='<label>Comment: <input name="comment"></label>'
+            helper-text=${this.t('custom_fields_helper_text')}
+            label=${this.t('custom_fields')}
+            infer="custom-fields"
+            .getValue=${() => json.custom_script_values.checkout_fields}
+            .setValue=${(newValue) => {
+            json.custom_script_values.checkout_fields = newValue;
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
+
+          <foxy-internal-source-control
+            data-testid="footer"
+            placeholder='<script src="https://example.com/code.js"></script>'
+            helper-text=${this.t('custom_footer_helper_text')}
+            label=${this.t('custom_footer')}
+            infer="footer"
+            .getValue=${() => json.custom_script_values.footer}
+            .setValue=${(newValue) => {
+            json.custom_script_values.footer = newValue;
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
         </div>
 
         <div
@@ -1261,118 +1322,5 @@ export class TemplateConfigForm extends Base {
       </div>
     `;
     }
-    __renderCustomConfig(json) {
-        return html `
-      <div data-testid="custom-config">
-        ${this.renderTemplateOrSlot('custom-config:before')}
-
-        <vaadin-text-area
-          data-testid="custom-config-field"
-          class="w-full"
-          label=${this.t('custom_config')}
-          placeholder='{ "key": "value" }'
-          helper-text=${this.t('custom_config_helper_text')}
-          .value=${json.custom_config ? JSON.stringify(json.custom_config, null, 2) : ''}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('custom-config', true)}
-          ?readonly=${this.readonlySelector.matches('custom-config', true)}
-          @input=${(evt) => {
-            const input = evt.currentTarget;
-            try {
-                json.custom_config = input.value ? JSON.parse(input.value) : '';
-                this.edit({ json: JSON.stringify(json) });
-                input.invalid = false;
-            }
-            catch (_a) {
-                input.invalid = true;
-            }
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('custom-config:after')}
-      </div>
-    `;
-    }
-    __renderHeader(json) {
-        return html `
-      <div data-testid="header">
-        ${this.renderTemplateOrSlot('header:before')}
-
-        <vaadin-text-area
-          data-testid="header-field"
-          class="w-full"
-          label=${this.t('custom_header')}
-          helper-text=${this.t('custom_header_helper_text')}
-          .value=${json.custom_script_values.header}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('header', true)}
-          ?readonly=${this.readonlySelector.matches('header', true)}
-          @input=${(evt) => {
-            const target = evt.currentTarget;
-            const newConfig = {
-                ...json.custom_script_values,
-                header: target.value,
-            };
-            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('header:after')}
-      </div>
-    `;
-    }
-    __renderCustomFields(json) {
-        return html `
-      <div data-testid="custom-fields">
-        ${this.renderTemplateOrSlot('custom-fields:before')}
-
-        <vaadin-text-area
-          data-testid="custom-fields-field"
-          class="w-full"
-          label=${this.t('custom_fields')}
-          helper-text=${this.t('custom_fields_helper_text')}
-          .value=${json.custom_script_values.checkout_fields}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('custom-fields', true)}
-          ?readonly=${this.readonlySelector.matches('custom-fields', true)}
-          @input=${(evt) => {
-            const newValue = evt.currentTarget.value;
-            json.custom_script_values.checkout_fields = newValue;
-            this.edit({ json: JSON.stringify(json) });
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('custom-fields:after')}
-      </div>
-    `;
-    }
-    __renderFooter(json) {
-        return html `
-      <div data-testid="footer">
-        ${this.renderTemplateOrSlot('footer:before')}
-
-        <vaadin-text-area
-          data-testid="footer-field"
-          class="w-full"
-          label=${this.t('custom_footer')}
-          helper-text=${this.t('custom_footer_helper_text')}
-          .value=${json.custom_script_values.footer}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('footer', true)}
-          ?readonly=${this.readonlySelector.matches('footer', true)}
-          @input=${(evt) => {
-            const target = evt.currentTarget;
-            const newConfig = {
-                ...json.custom_script_values,
-                footer: target.value,
-            };
-            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('footer:after')}
-      </div>
-    `;
-    }
 }
 //# sourceMappingURL=TemplateConfigForm.js.map