@foxy.io/elements 1.20.2 → 1.21.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodCard.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentMethodCard/PaymentMethodCard.ts"],"names":[],"mappings":"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","sourcesContent":["import * as logos from './logos';\n\nimport { CSSResultArray, css } from 'lit-element';\nimport { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { backgrounds } from './backgrounds';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'payment-method-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a payment method.\n *\n * @slot actions:before - **new in v1.4.0**\n * @slot actions:after - **new in v1.4.0**\n * @slot actions:delete:before - **new in v1.4.0**\n * @slot actions:delete:after - **new in v1.4.0**\n *\n * @element foxy-payment-method-form\n * @since 1.2.0\n */\nexport class PaymentMethodCard extends Base<Data> {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      backgrounds,\n      css`\n        .ratio-card {\n          padding-top: 63%;\n          position: relative;\n          height: 0;\n        }\n\n        .ratio-card > * {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      `,\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __renderActionsDelete = () => {\n    return html`\n      <div class=\"flex\">\n        ${this.renderTemplateOrSlot('actions:delete:before')}\n\n        <vaadin-button\n          class=\"px-xs rounded\"\n          theme=\"icon\"\n          style=\"--lumo-primary-text-color: #fff; --lumo-primary-color-50pct: rgba(255, 255, 255, 0.5); --lumo-contrast-5pct: rgba(255, 255, 255, 0.05)\"\n          aria-label=${this.t('delete').toString()}\n          data-testid=\"actions:delete\"\n          ?disabled=${this.disabledSelector.matches('actions:delete', true)}\n          @click=${this.__handleDelete}\n        >\n          <iron-icon icon=\"icons:delete\"></iron-icon>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('actions:delete:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderActions = () => {\n    return html`\n      <div class=\"flex\" data-testid=\"actions\">\n        ${this.renderTemplateOrSlot('actions:before')}\n        ${this.hiddenSelector.matches('actions:delete', true) ? '' : this.__renderActionsDelete()}\n        ${this.renderTemplateOrSlot('actions:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { data, lang, ns } = this;\n\n    if (this.in({ idle: 'template' }) || !data?.save_cc || !this.in('idle')) {\n      const spinnerState = this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty';\n\n      return html`\n        <div\n          class=\"ratio-card\"\n          aria-live=\"polite\"\n          aria-busy=${this.in('busy')}\n          data-testid=\"wrapper\"\n        >\n          <div class=\"h-full bg-contrast-5\"></div>\n          <div class=\"absolute inset-0 flex items-center justify-center\">\n            <foxy-spinner\n              data-testid=\"spinner\"\n              state=${spinnerState}\n              lang=${this.lang}\n              ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n            >\n            </foxy-spinner>\n          </div>\n        </div>\n      `;\n    }\n\n    const type = data!.cc_type?.toLowerCase() ?? 'unknown';\n    const logo = logos[type as keyof typeof logos] ?? logos.unknown;\n    const last4Digits = data!.cc_number_masked?.substring(data!.cc_number_masked.length - 4);\n\n    return html`\n      <foxy-internal-confirm-dialog\n        data-testid=\"confirm\"\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        @hide=${this.__handleConfirmHide}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div class=\"ratio-card\" data-testid=\"wrapper\" aria-busy=${this.in('busy')} aria-live=\"polite\">\n        <div\n          class=\"flex flex-col justify-between text-base text-m leading-m font-lumo p-m bg-unknown bg-${type}\"\n        >\n          <div\n            class=${classMap({\n              'flex items-start': true,\n              'justify-between': this.readonlyControls === BooleanSelector.False,\n              'justify-end': this.readonlyControls === BooleanSelector.True,\n            })}\n          >\n            ${this.hiddenSelector.matches('actions', true) ? '' : this.__renderActions()}\n            <div class=\"ml-auto rounded h-m\">${logo}</div>\n          </div>\n\n          <div class=\"font-tnum leading-none flex justify-between\">\n            <div data-testid=\"expiry\">\n              ${data!.cc_exp_month && data.cc_exp_year\n                ? html`\n                    <span class=\"sr-only\">${this.t('expires').toString()}&nbsp;</span>\n                    <span>${data!.cc_exp_month} / ${data!.cc_exp_year}</span>\n                  `\n                : ''}\n            </div>\n\n            <div data-testid=\"number\">\n              ${last4Digits\n                ? html`\n                    <span class=\"sr-only\">${this.t('last_4_digits').toString()}&nbsp;</span>\n                    <span aria-hidden=\"true\">••••</span>\n                    <span>${last4Digits}</span>\n                  `\n                : ''}\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendDelete(): Promise<Data> {\n    const body = JSON.stringify({ save_cc: false });\n    const data = await this._fetch(this.href, { method: 'PATCH', body });\n    const rumour = NucleonElement.Rumour(this.group);\n\n    rumour.share({ data: null, source: this.href, related: [this.parent] });\n    return data;\n  }\n\n  private __handleDelete(evt: Event) {\n    const confirm = this.renderRoot.querySelector('#confirm');\n    (confirm as InternalConfirmDialog).show(evt.currentTarget as HTMLElement);\n  }\n\n  private __handleConfirmHide(evt: DialogHideEvent) {\n    if (!evt.detail.cancelled) this.delete();\n  }\n}\n"]}
+{"version":3,"file":"PaymentMethodCard.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentMethodCard/PaymentMethodCard.ts"],"names":[],"mappings":"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","sourcesContent":["import * as logos from './logos';\n\nimport { CSSResultArray, css } from 'lit-element';\nimport { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { backgrounds } from './backgrounds';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'payment-method-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a payment method.\n *\n * @slot actions:before - **new in v1.4.0**\n * @slot actions:after - **new in v1.4.0**\n * @slot actions:delete:before - **new in v1.4.0**\n * @slot actions:delete:after - **new in v1.4.0**\n *\n * @element foxy-payment-method-form\n * @since 1.2.0\n */\nexport class PaymentMethodCard extends Base<Data> {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      backgrounds,\n      css`\n        .ratio-card {\n          padding-top: 63%;\n          position: relative;\n          height: 0;\n        }\n\n        .ratio-card > * {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      `,\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __renderActionsDelete = () => {\n    return html`\n      <div class=\"flex\">\n        ${this.renderTemplateOrSlot('actions:delete:before')}\n\n        <vaadin-button\n          class=\"px-xs rounded\"\n          theme=\"icon\"\n          style=\"--lumo-primary-text-color: #fff; --lumo-primary-color-50pct: rgba(255, 255, 255, 0.5); --lumo-contrast-5pct: rgba(255, 255, 255, 0.05)\"\n          aria-label=${this.t('delete').toString()}\n          data-testid=\"actions:delete\"\n          ?disabled=${this.disabledSelector.matches('actions:delete', true)}\n          @click=${this.__handleDelete}\n        >\n          <iron-icon icon=\"icons:delete\"></iron-icon>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('actions:delete:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderActions = () => {\n    return html`\n      <div class=\"flex\" data-testid=\"actions\">\n        ${this.renderTemplateOrSlot('actions:before')}\n        ${this.hiddenSelector.matches('actions:delete', true) ? '' : this.__renderActionsDelete()}\n        ${this.renderTemplateOrSlot('actions:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { data, lang, ns } = this;\n\n    if (this.in({ idle: 'template' }) || !data?.save_cc || !this.in('idle')) {\n      const spinnerState = this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty';\n\n      return html`\n        <div\n          class=\"ratio-card\"\n          aria-live=\"polite\"\n          aria-busy=${this.in('busy')}\n          data-testid=\"wrapper\"\n        >\n          <div class=\"h-full bg-contrast-5\"></div>\n          <div class=\"absolute inset-0 flex items-center justify-center\">\n            <foxy-spinner\n              data-testid=\"spinner\"\n              state=${spinnerState}\n              lang=${this.lang}\n              ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n            >\n            </foxy-spinner>\n          </div>\n        </div>\n      `;\n    }\n\n    const type = data!.cc_type?.toLowerCase() ?? 'unknown';\n    const logo = logos[type as keyof typeof logos] ?? logos.unknown;\n    const last4Digits = data!.cc_number_masked?.substring(data!.cc_number_masked.length - 4);\n\n    return html`\n      <foxy-internal-confirm-dialog\n        data-testid=\"confirm\"\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${lang}\n        ns=${ns}\n        id=\"confirm\"\n        @hide=${this.__handleConfirmHide}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <div class=\"ratio-card\" data-testid=\"wrapper\" aria-busy=${this.in('busy')} aria-live=\"polite\">\n        <div\n          class=\"flex flex-col justify-between text-base text-m leading-m font-lumo p-m bg-unknown bg-${type}\"\n        >\n          <div\n            class=${classMap({\n              'flex items-start': true,\n              'justify-between': this.readonlyControls === BooleanSelector.False,\n              'justify-end': this.readonlyControls === BooleanSelector.True,\n            })}\n          >\n            ${this.hiddenSelector.matches('actions', true) ? '' : this.__renderActions()}\n            <div class=\"ml-auto rounded h-m\">${logo}</div>\n          </div>\n\n          <div class=\"font-tnum leading-none flex justify-between\">\n            <div data-testid=\"expiry\">\n              ${data!.cc_exp_month && data.cc_exp_year\n                ? html`\n                    <span class=\"sr-only\">${this.t('expires').toString()}&nbsp;</span>\n                    <span>${data!.cc_exp_month} / ${data!.cc_exp_year}</span>\n                  `\n                : ''}\n            </div>\n\n            <div data-testid=\"number\">\n              ${last4Digits\n                ? html`\n                    <span class=\"sr-only\">${this.t('last_4_digits').toString()}&nbsp;</span>\n                    <span aria-hidden=\"true\">••••</span>\n                    <span>${last4Digits}</span>\n                  `\n                : ''}\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendDelete(): Promise<null> {\n    const body = JSON.stringify({ save_cc: false });\n    await this._fetch(this.href, { method: 'PATCH', body });\n    const rumour = NucleonElement.Rumour(this.group);\n\n    rumour.share({ data: null, source: this.href, related: [this.parent] });\n    return null;\n  }\n\n  private __handleDelete(evt: Event) {\n    const confirm = this.renderRoot.querySelector('#confirm');\n    (confirm as InternalConfirmDialog).show(evt.currentTarget as HTMLElement);\n  }\n\n  private __handleConfirmHide(evt: DialogHideEvent) {\n    if (!evt.detail.cancelled) this.delete();\n  }\n}\n"]}

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

@@ -0,0 +1,37 @@
+import type { PropertyDeclarations } from 'lit-element';
+import { LitElement } from 'lit-element';
+/**
+ * Adapter element for Payments API. This element requires an additional hAPI adapter
+ * that will handle authentication and session management.
+ *
+ * _Payments API is a client-side virtual API layer built on top of hAPI
+ * in an attempt to streamline access to stores' payment method settings
+ * that is currently a bit quirky due to the legacy functionality. To use
+ * Payments API elements with hAPI, wrap them into this node._
+ *
+ * @element foxy-payments-api
+ * @since 1.21.0
+ */
+export declare class PaymentsApi extends LitElement {
+    static get properties(): PropertyDeclarations;
+    /** URL of the `fx:payment_method_set_hosted_payment_gateways` collection. */
+    paymentMethodSetHostedPaymentGatewaysUrl: string | null;
+    /** URL of the `fx:hosted_payment_gateways` property helper. */
+    hostedPaymentGatewaysHelperUrl: string | null;
+    /** URL of the `fx:hosted_payment_gateways` collection. */
+    hostedPaymentGatewaysUrl: string | null;
+    /** URL of the `fx:payment_gateways` property helper. */
+    paymentGatewaysHelperUrl: string | null;
+    /** URL of the `fx:payment_method_sets` collection. */
+    paymentMethodSetsUrl: string | null;
+    /** URL of the `fx:fraud_protections` collection. */
+    fraudProtectionsUrl: string | null;
+    /** URL of the `fx:payment_gateways` collection. */
+    paymentGatewaysUrl: string | null;
+    private readonly __api;
+    private readonly __fetch;
+    private readonly __handleFetch;
+    connectedCallback(): void;
+    createRenderRoot(): Element | ShadowRoot;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,111 @@
+import { LitElement } from 'lit-element';
+import { FetchEvent } from "../NucleonElement/FetchEvent.js";
+import { getHandler } from "./api/index.js";
+import { API } from "../NucleonElement/API.js";
+/**
+ * Adapter element for Payments API. This element requires an additional hAPI adapter
+ * that will handle authentication and session management.
+ *
+ * _Payments API is a client-side virtual API layer built on top of hAPI
+ * in an attempt to streamline access to stores' payment method settings
+ * that is currently a bit quirky due to the legacy functionality. To use
+ * Payments API elements with hAPI, wrap them into this node._
+ *
+ * @element foxy-payments-api
+ * @since 1.21.0
+ */
+export class PaymentsApi extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** URL of the `fx:payment_method_set_hosted_payment_gateways` collection. */
+        this.paymentMethodSetHostedPaymentGatewaysUrl = null;
+        /** URL of the `fx:hosted_payment_gateways` property helper. */
+        this.hostedPaymentGatewaysHelperUrl = null;
+        /** URL of the `fx:hosted_payment_gateways` collection. */
+        this.hostedPaymentGatewaysUrl = null;
+        /** URL of the `fx:payment_gateways` property helper. */
+        this.paymentGatewaysHelperUrl = null;
+        /** URL of the `fx:payment_method_sets` collection. */
+        this.paymentMethodSetsUrl = null;
+        /** URL of the `fx:fraud_protections` collection. */
+        this.fraudProtectionsUrl = null;
+        /** URL of the `fx:payment_gateways` collection. */
+        this.paymentGatewaysUrl = null;
+        this.__api = new API(this);
+        this.__fetch = this.__api.fetch.bind(this.__api);
+        this.__handleFetch = (evt) => {
+            if (!(evt instanceof FetchEvent))
+                return;
+            if (!evt.request.url.startsWith('https://foxy-payments-api.element/'))
+                return;
+            if (evt.defaultPrevented)
+                return;
+            const { paymentMethodSetHostedPaymentGatewaysUrl, hostedPaymentGatewaysHelperUrl, paymentGatewaysHelperUrl, hostedPaymentGatewaysUrl, paymentMethodSetsUrl, fraudProtectionsUrl, paymentGatewaysUrl, } = this;
+            if (paymentMethodSetHostedPaymentGatewaysUrl === null)
+                return;
+            if (hostedPaymentGatewaysHelperUrl === null)
+                return;
+            if (paymentGatewaysHelperUrl === null)
+                return;
+            if (hostedPaymentGatewaysUrl === null)
+                return;
+            if (paymentMethodSetsUrl === null)
+                return;
+            if (fraudProtectionsUrl === null)
+                return;
+            if (paymentGatewaysUrl === null)
+                return;
+            const createGetter = (link) => (id) => {
+                const url = new URL(link);
+                if (!url.pathname.endsWith('/'))
+                    url.pathname += '/';
+                url.pathname += id;
+                return url.toString();
+            };
+            const handler = getHandler({
+                hostedPaymentGatewaysHelperUrl,
+                paymentGatewaysHelperUrl,
+                hostedPaymentGatewaysUrl,
+                paymentMethodSetsUrl,
+                fraudProtectionsUrl,
+                paymentGatewaysUrl,
+                getPaymentMethodSetHostedPaymentGatewayUrl: createGetter(paymentMethodSetHostedPaymentGatewaysUrl),
+                getHostedPaymentGatewayUrl: createGetter(hostedPaymentGatewaysUrl),
+                getPaymentMethodSetUrl: createGetter(paymentMethodSetsUrl),
+                getFraudProtectionUrl: createGetter(fraudProtectionsUrl),
+                getPaymentGatewayUrl: createGetter(paymentGatewaysUrl),
+                request: evt.request,
+                fetch: this.__fetch,
+            });
+            if (handler) {
+                evt.preventDefault();
+                evt.respondWith(handler);
+            }
+        };
+    }
+    static get properties() {
+        return {
+            paymentMethodSetHostedPaymentGatewaysUrl: {
+                attribute: 'payment-method-set-hosted-payment-gateways-url',
+            },
+            hostedPaymentGatewaysHelperUrl: { attribute: 'hosted-payment-gateways-helper-url' },
+            hostedPaymentGatewaysUrl: { attribute: 'hosted-payment-gateways-url' },
+            paymentGatewaysHelperUrl: { attribute: 'payment-gateways-helper-url' },
+            paymentMethodSetsUrl: { attribute: 'payment-method-sets-url' },
+            fraudProtectionsUrl: { attribute: 'fraud-protections-url' },
+            paymentGatewaysUrl: { attribute: 'payment-gateways-url' },
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('fetch', this.__handleFetch);
+    }
+    createRenderRoot() {
+        return this;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('fetch', this.__handleFetch);
+    }
+}
+//# sourceMappingURL=PaymentsApi.js.map

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

@@ -0,0 +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"]}

package/dist/elements/public/PaymentsApi/api/composers/available_fraud_protections.d.ts

@@ -0,0 +1,6 @@
+import type { AvailableFraudProtections } from '../types';
+export declare type Params = {
+    paymentPresetId: string;
+    base: string;
+};
+export declare function compose(params: Params): AvailableFraudProtections;

package/dist/elements/public/PaymentsApi/api/composers/available_fraud_protections.js

@@ -0,0 +1,95 @@
+export function compose(params) {
+    const { paymentPresetId: presetId, base } = params;
+    const selfURL = new URL(`./payment_presets/${presetId}/available_fraud_protections`, base);
+    return {
+        _links: { self: { href: selfURL.toString() } },
+        values: {
+            minfraud: {
+                name: 'MaxMind minFraud',
+                uses_rejection_threshold: true,
+                json: null,
+            },
+            google_recaptcha: {
+                name: 'Google reCAPTCHA',
+                uses_rejection_threshold: false,
+                json: {
+                    blocks: [
+                        {
+                            id: '',
+                            parent_id: '',
+                            fields: [
+                                {
+                                    id: 'config',
+                                    name: 'Configuration',
+                                    type: 'select',
+                                    description: 'Determines how reCAPTCHA is configured to operate.',
+                                    default_value: 'disabled',
+                                    options: [
+                                        { name: 'Disabled', value: 'disabled' },
+                                        { name: 'Always enabled', value: 'enabled_always' },
+                                        { name: 'Enabled by errors', value: 'enabled_by_errors' },
+                                    ],
+                                },
+                                {
+                                    id: 'private_key',
+                                    name: 'Private Key',
+                                    type: 'text',
+                                    optional: true,
+                                    description: 'If using a custom subdomain, enter your Private Key here.',
+                                    default_value: '',
+                                },
+                                {
+                                    id: 'site_key',
+                                    name: 'Site Key',
+                                    type: 'text',
+                                    optional: true,
+                                    description: 'If using a custom subdomain, enter your Site Key here.',
+                                    default_value: '',
+                                },
+                            ],
+                        },
+                    ],
+                },
+            },
+            custom_precheckout_hook: {
+                name: 'Pre-Checkout Webhook',
+                uses_rejection_threshold: false,
+                json: {
+                    blocks: [
+                        {
+                            id: '',
+                            parent_id: '',
+                            fields: [
+                                {
+                                    id: 'enabled',
+                                    name: 'Enabled',
+                                    type: 'checkbox',
+                                    default_value: false,
+                                },
+                                {
+                                    id: 'url',
+                                    name: 'URL',
+                                    type: 'text',
+                                    description: 'Url of your Pre-Checkout Hook',
+                                    default_value: '',
+                                },
+                                {
+                                    id: 'failure_handling',
+                                    name: 'Failure handling',
+                                    type: 'select',
+                                    description: 'Determines what happens to the checkout if your webhook fails.',
+                                    default_value: '',
+                                    options: [
+                                        { name: 'Reject', value: 'reject' },
+                                        { name: 'Approve', value: 'approve' },
+                                    ],
+                                },
+                            ],
+                        },
+                    ],
+                },
+            },
+        },
+    };
+}
+//# sourceMappingURL=available_fraud_protections.js.map

package/dist/elements/public/PaymentsApi/api/composers/available_fraud_protections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"available_fraud_protections.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/available_fraud_protections.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IACnD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,8BAA8B,EAAE,IAAI,CAAC,CAAC;IAE3F,OAAO;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE;QAC9C,MAAM,EAAE;YACN,QAAQ,EAAE;gBACR,IAAI,EAAE,kBAAkB;gBACxB,wBAAwB,EAAE,IAAI;gBAC9B,IAAI,EAAE,IAAI;aACX;YACD,gBAAgB,EAAE;gBAChB,IAAI,EAAE,kBAAkB;gBACxB,wBAAwB,EAAE,KAAK;gBAC/B,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,EAAE,EAAE,EAAE;4BACN,SAAS,EAAE,EAAE;4BACb,MAAM,EAAE;gCACN;oCACE,EAAE,EAAE,QAAQ;oCACZ,IAAI,EAAE,eAAe;oCACrB,IAAI,EAAE,QAAQ;oCACd,WAAW,EAAE,oDAAoD;oCACjE,aAAa,EAAE,UAAU;oCACzB,OAAO,EAAE;wCACP,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;wCACvC,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;wCACnD,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;qCAC1D;iCACF;gCACD;oCACE,EAAE,EAAE,aAAa;oCACjB,IAAI,EAAE,aAAa;oCACnB,IAAI,EAAE,MAAM;oCACZ,QAAQ,EAAE,IAAI;oCACd,WAAW,EAAE,2DAA2D;oCACxE,aAAa,EAAE,EAAE;iCAClB;gCACD;oCACE,EAAE,EAAE,UAAU;oCACd,IAAI,EAAE,UAAU;oCAChB,IAAI,EAAE,MAAM;oCACZ,QAAQ,EAAE,IAAI;oCACd,WAAW,EAAE,wDAAwD;oCACrE,aAAa,EAAE,EAAE;iCAClB;6BACF;yBACF;qBACF;iBACF;aACF;YACD,uBAAuB,EAAE;gBACvB,IAAI,EAAE,sBAAsB;gBAC5B,wBAAwB,EAAE,KAAK;gBAC/B,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,EAAE,EAAE,EAAE;4BACN,SAAS,EAAE,EAAE;4BACb,MAAM,EAAE;gCACN;oCACE,EAAE,EAAE,SAAS;oCACb,IAAI,EAAE,SAAS;oCACf,IAAI,EAAE,UAAU;oCAChB,aAAa,EAAE,KAAK;iCACrB;gCACD;oCACE,EAAE,EAAE,KAAK;oCACT,IAAI,EAAE,KAAK;oCACX,IAAI,EAAE,MAAM;oCACZ,WAAW,EAAE,+BAA+B;oCAC5C,aAAa,EAAE,EAAE;iCAClB;gCACD;oCACE,EAAE,EAAE,kBAAkB;oCACtB,IAAI,EAAE,kBAAkB;oCACxB,IAAI,EAAE,QAAQ;oCACd,WAAW,EAAE,gEAAgE;oCAC7E,aAAa,EAAE,EAAE;oCACjB,OAAO,EAAE;wCACP,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;wCACnC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;qCACtC;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { AvailableFraudProtections } from '../types';\n\nexport type Params = {\n  paymentPresetId: string;\n  base: string;\n};\n\nexport function compose(params: Params): AvailableFraudProtections {\n  const { paymentPresetId: presetId, base } = params;\n  const selfURL = new URL(`./payment_presets/${presetId}/available_fraud_protections`, base);\n\n  return {\n    _links: { self: { href: selfURL.toString() } },\n    values: {\n      minfraud: {\n        name: 'MaxMind minFraud',\n        uses_rejection_threshold: true,\n        json: null,\n      },\n      google_recaptcha: {\n        name: 'Google reCAPTCHA',\n        uses_rejection_threshold: false,\n        json: {\n          blocks: [\n            {\n              id: '',\n              parent_id: '',\n              fields: [\n                {\n                  id: 'config',\n                  name: 'Configuration',\n                  type: 'select',\n                  description: 'Determines how reCAPTCHA is configured to operate.',\n                  default_value: 'disabled',\n                  options: [\n                    { name: 'Disabled', value: 'disabled' },\n                    { name: 'Always enabled', value: 'enabled_always' },\n                    { name: 'Enabled by errors', value: 'enabled_by_errors' },\n                  ],\n                },\n                {\n                  id: 'private_key',\n                  name: 'Private Key',\n                  type: 'text',\n                  optional: true,\n                  description: 'If using a custom subdomain, enter your Private Key here.',\n                  default_value: '',\n                },\n                {\n                  id: 'site_key',\n                  name: 'Site Key',\n                  type: 'text',\n                  optional: true,\n                  description: 'If using a custom subdomain, enter your Site Key here.',\n                  default_value: '',\n                },\n              ],\n            },\n          ],\n        },\n      },\n      custom_precheckout_hook: {\n        name: 'Pre-Checkout Webhook',\n        uses_rejection_threshold: false,\n        json: {\n          blocks: [\n            {\n              id: '',\n              parent_id: '',\n              fields: [\n                {\n                  id: 'enabled',\n                  name: 'Enabled',\n                  type: 'checkbox',\n                  default_value: false,\n                },\n                {\n                  id: 'url',\n                  name: 'URL',\n                  type: 'text',\n                  description: 'Url of your Pre-Checkout Hook',\n                  default_value: '',\n                },\n                {\n                  id: 'failure_handling',\n                  name: 'Failure handling',\n                  type: 'select',\n                  description: 'Determines what happens to the checkout if your webhook fails.',\n                  default_value: '',\n                  options: [\n                    { name: 'Reject', value: 'reject' },\n                    { name: 'Approve', value: 'approve' },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      },\n    },\n  };\n}\n"]}

package/dist/elements/public/PaymentsApi/api/composers/available_payment_methods.d.ts

@@ -0,0 +1,11 @@
+import type { AvailablePaymentMethods } from '../types';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Params = {
+    hostedPaymentGatewaysHelper: Resource<Rels.HostedPaymentGatewaysHelper>;
+    paymentGatewaysHelper: Resource<Rels.PaymentGatewaysHelper>;
+    paymentPresetId: string;
+    paymentGateway?: Resource<Rels.PaymentGateway>;
+    base: string;
+};
+export declare function compose(params: Params): AvailablePaymentMethods;

package/dist/elements/public/PaymentsApi/api/composers/available_payment_methods.js

@@ -0,0 +1,15 @@
+export function compose(params) {
+    const { hostedPaymentGatewaysHelper: hostedGwsHelper, paymentGatewaysHelper: gwsHelper, paymentPresetId: presetId, paymentGateway: gw, base, } = params;
+    const selfURL = new URL(`./payment_presets/${presetId}/available_payment_methods`, base);
+    const values = {};
+    Object.entries(hostedGwsHelper.values).forEach(([type, helper]) => {
+        values[type] = helper;
+    });
+    Object.entries(gwsHelper.values).forEach(([type, helper]) => {
+        values[type] = helper;
+        if (gw)
+            values[type].conflict = { type: gw.type, name: gw.description };
+    });
+    return { _links: { self: { href: selfURL.toString() } }, values };
+}
+//# sourceMappingURL=available_payment_methods.js.map

package/dist/elements/public/PaymentsApi/api/composers/available_payment_methods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"available_payment_methods.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/available_payment_methods.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EACJ,2BAA2B,EAAE,eAAe,EAC5C,qBAAqB,EAAE,SAAS,EAChC,eAAe,EAAE,QAAQ,EACzB,cAAc,EAAE,EAAE,EAClB,IAAI,GACL,GAAG,MAAM,CAAC;IAEX,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,4BAA4B,EAAE,IAAI,CAAC,CAAC;IACzF,MAAM,MAAM,GAAsC,EAAE,CAAC;IAErD,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE;QAChE,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE;QAC1D,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;QACtB,IAAI,EAAE;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;AACpE,CAAC","sourcesContent":["import type { AvailablePaymentMethods } from '../types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Params = {\n  hostedPaymentGatewaysHelper: Resource<Rels.HostedPaymentGatewaysHelper>;\n  paymentGatewaysHelper: Resource<Rels.PaymentGatewaysHelper>;\n  paymentPresetId: string;\n  paymentGateway?: Resource<Rels.PaymentGateway>;\n  base: string;\n};\n\nexport function compose(params: Params): AvailablePaymentMethods {\n  const {\n    hostedPaymentGatewaysHelper: hostedGwsHelper,\n    paymentGatewaysHelper: gwsHelper,\n    paymentPresetId: presetId,\n    paymentGateway: gw,\n    base,\n  } = params;\n\n  const selfURL = new URL(`./payment_presets/${presetId}/available_payment_methods`, base);\n  const values: AvailablePaymentMethods['values'] = {};\n\n  Object.entries(hostedGwsHelper.values).forEach(([type, helper]) => {\n    values[type] = helper;\n  });\n\n  Object.entries(gwsHelper.values).forEach(([type, helper]) => {\n    values[type] = helper;\n    if (gw) values[type].conflict = { type: gw.type, name: gw.description };\n  });\n\n  return { _links: { self: { href: selfURL.toString() } }, values };\n}\n"]}

package/dist/elements/public/PaymentsApi/api/composers/fraud_protection.d.ts

@@ -0,0 +1,10 @@
+import type { FraudProtection } from '../types';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Params = {
+    paymentMethodSetFraudProtectionId: string;
+    fraudProtection: Resource<Rels.FraudProtection>;
+    paymentPresetId: string;
+    base: string;
+};
+export declare function compose(params: Params): FraudProtection;

package/dist/elements/public/PaymentsApi/api/composers/fraud_protection.js

@@ -0,0 +1,20 @@
+import { compose as composeAvailableFraudProtections } from "./available_fraud_protections.js";
+export function compose(params) {
+    const { paymentMethodSetFraudProtectionId: setFpId, paymentPresetId: presetId, fraudProtection: fp, base, } = params;
+    const { _links: fpLinks, ...fpProps } = fp;
+    const helper = composeAvailableFraudProtections({ paymentPresetId: presetId, base });
+    const fpId = new URL(fpLinks.self.href).pathname.split('/').pop();
+    const paymentsApiId = `${fpId}C${setFpId}`;
+    const presetURL = new URL(`./payment_presets/${presetId}`, base);
+    const selfURL = new URL(`./payment_presets/${presetId}/fraud_protections/${paymentsApiId}`, base);
+    return {
+        _links: {
+            'self': { href: selfURL.toString() },
+            'fx:store': fpLinks['fx:store'],
+            'fx:payment_preset': { href: presetURL.toString() },
+        },
+        ...fpProps,
+        helper: helper.values[fp.type],
+    };
+}
+//# sourceMappingURL=fraud_protection.js.map

package/dist/elements/public/PaymentsApi/api/composers/fraud_protection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fraud_protection.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/fraud_protection.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,yCAAsC;AAS5F,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EACJ,iCAAiC,EAAE,OAAO,EAC1C,eAAe,EAAE,QAAQ,EACzB,eAAe,EAAE,EAAE,EACnB,IAAI,GACL,GAAG,MAAM,CAAC;IAEX,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,gCAAgC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAErF,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAY,CAAC;IAC5E,MAAM,aAAa,GAAG,GAAG,IAAI,IAAI,OAAO,EAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,sBAAsB,aAAa,EAAE,EAAE,IAAI,CAAC,CAAC;IAElG,OAAO;QACL,MAAM,EAAE;YACN,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE;YACpC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC;YAC/B,mBAAmB,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE;SACpD;QACD,GAAG,OAAO;QACV,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;KAC/B,CAAC;AACJ,CAAC","sourcesContent":["import type { FraudProtection } from '../types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { compose as composeAvailableFraudProtections } from './available_fraud_protections';\n\nexport type Params = {\n  paymentMethodSetFraudProtectionId: string;\n  fraudProtection: Resource<Rels.FraudProtection>;\n  paymentPresetId: string;\n  base: string;\n};\n\nexport function compose(params: Params): FraudProtection {\n  const {\n    paymentMethodSetFraudProtectionId: setFpId,\n    paymentPresetId: presetId,\n    fraudProtection: fp,\n    base,\n  } = params;\n\n  const { _links: fpLinks, ...fpProps } = fp;\n  const helper = composeAvailableFraudProtections({ paymentPresetId: presetId, base });\n\n  const fpId = new URL(fpLinks.self.href).pathname.split('/').pop() as string;\n  const paymentsApiId = `${fpId}C${setFpId}`;\n\n  const presetURL = new URL(`./payment_presets/${presetId}`, base);\n  const selfURL = new URL(`./payment_presets/${presetId}/fraud_protections/${paymentsApiId}`, base);\n\n  return {\n    _links: {\n      'self': { href: selfURL.toString() },\n      'fx:store': fpLinks['fx:store'],\n      'fx:payment_preset': { href: presetURL.toString() },\n    },\n    ...fpProps,\n    helper: helper.values[fp.type],\n  };\n}\n"]}

package/dist/elements/public/PaymentsApi/api/composers/fraud_protections.d.ts

@@ -0,0 +1,10 @@
+import type { FraudProtections } from '../types';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Params = {
+    paymentMethodSetFraudProtections: Resource<Rels.PaymentMethodSetFraudProtections>;
+    fraudProtections: Resource<Rels.FraudProtection>[];
+    paymentPresetId: string;
+    base: string;
+};
+export declare function compose(params: Params): FraudProtections;

package/dist/elements/public/PaymentsApi/api/composers/fraud_protections.js

@@ -0,0 +1,39 @@
+import { compose as composeFraudProtection } from "./fraud_protection.js";
+export function compose(params) {
+    const { paymentMethodSetFraudProtections: sfps, fraudProtections: fps, paymentPresetId: presetId, base, } = params;
+    const selfURL = new URL(`/payment_presets/${presetId}/fraud_protections`, base);
+    selfURL.search = new URL(sfps._links.self.href).search;
+    const firstURL = new URL(selfURL.toString());
+    firstURL.search = new URL(sfps._links.first.href).search;
+    const lastURL = new URL(selfURL.toString());
+    lastURL.search = new URL(sfps._links.last.href).search;
+    const prevURL = new URL(selfURL.toString());
+    prevURL.search = new URL(sfps._links.prev.href).search;
+    const nextURL = new URL(selfURL.toString());
+    nextURL.search = new URL(sfps._links.next.href).search;
+    const fraudProtections = fps.map(resource => {
+        const setFp = sfps._embedded['fx:payment_method_set_fraud_protections'].find(r => r.fraud_protection_uri === resource._links.self.href);
+        const setFpId = new URL(setFp._links.self.href).pathname.split('/').pop();
+        return composeFraudProtection({
+            paymentMethodSetFraudProtectionId: setFpId,
+            fraudProtection: resource,
+            paymentPresetId: presetId,
+            base,
+        });
+    });
+    return {
+        _links: {
+            first: { href: firstURL.toString() },
+            last: { href: lastURL.toString() },
+            prev: { href: prevURL.toString() },
+            next: { href: nextURL.toString() },
+            self: { href: selfURL.toString() },
+        },
+        _embedded: { 'fx:fraud_protections': fraudProtections },
+        returned_items: sfps.returned_items,
+        total_items: sfps.total_items,
+        offset: sfps.offset,
+        limit: sfps.limit,
+    };
+}
+//# sourceMappingURL=fraud_protections.js.map

package/dist/elements/public/PaymentsApi/api/composers/fraud_protections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fraud_protections.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/fraud_protections.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,8BAA2B;AASvE,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EACJ,gCAAgC,EAAE,IAAI,EACtC,gBAAgB,EAAE,GAAG,EACrB,eAAe,EAAE,QAAQ,EACzB,IAAI,GACL,GAAG,MAAM,CAAC;IAEX,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,oBAAoB,QAAQ,oBAAoB,EAAE,IAAI,CAAC,CAAC;IAChF,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7C,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IAEzD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC5C,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IAEvD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC5C,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IAEvD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC5C,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IAEvD,MAAM,gBAAgB,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAC,IAAI,CAC1E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,KAAK,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CACzD,CAAC;QAEH,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC;QAE3E,OAAO,sBAAsB,CAAC;YAC5B,iCAAiC,EAAE,OAAO;YAC1C,eAAe,EAAE,QAAQ;YACzB,eAAe,EAAE,QAAQ;YACzB,IAAI;SACL,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE;YAClC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE;YAClC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE;YAClC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE;SACnC;QACD,SAAS,EAAE,EAAE,sBAAsB,EAAE,gBAAgB,EAAE;QACvD,cAAc,EAAE,IAAI,CAAC,cAAc;QACnC,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;KAClB,CAAC;AACJ,CAAC","sourcesContent":["import type { FraudProtections } from '../types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { compose as composeFraudProtection } from './fraud_protection';\n\nexport type Params = {\n  paymentMethodSetFraudProtections: Resource<Rels.PaymentMethodSetFraudProtections>;\n  fraudProtections: Resource<Rels.FraudProtection>[];\n  paymentPresetId: string;\n  base: string;\n};\n\nexport function compose(params: Params): FraudProtections {\n  const {\n    paymentMethodSetFraudProtections: sfps,\n    fraudProtections: fps,\n    paymentPresetId: presetId,\n    base,\n  } = params;\n\n  const selfURL = new URL(`/payment_presets/${presetId}/fraud_protections`, base);\n  selfURL.search = new URL(sfps._links.self.href).search;\n\n  const firstURL = new URL(selfURL.toString());\n  firstURL.search = new URL(sfps._links.first.href).search;\n\n  const lastURL = new URL(selfURL.toString());\n  lastURL.search = new URL(sfps._links.last.href).search;\n\n  const prevURL = new URL(selfURL.toString());\n  prevURL.search = new URL(sfps._links.prev.href).search;\n\n  const nextURL = new URL(selfURL.toString());\n  nextURL.search = new URL(sfps._links.next.href).search;\n\n  const fraudProtections = fps.map(resource => {\n    const setFp = sfps._embedded['fx:payment_method_set_fraud_protections'].find(\n      r => r.fraud_protection_uri === resource._links.self.href\n    )!;\n\n    const setFpId = new URL(setFp._links.self.href).pathname.split('/').pop()!;\n\n    return composeFraudProtection({\n      paymentMethodSetFraudProtectionId: setFpId,\n      fraudProtection: resource,\n      paymentPresetId: presetId,\n      base,\n    });\n  });\n\n  return {\n    _links: {\n      first: { href: firstURL.toString() },\n      last: { href: lastURL.toString() },\n      prev: { href: prevURL.toString() },\n      next: { href: nextURL.toString() },\n      self: { href: selfURL.toString() },\n    },\n    _embedded: { 'fx:fraud_protections': fraudProtections },\n    returned_items: sfps.returned_items,\n    total_items: sfps.total_items,\n    offset: sfps.offset,\n    limit: sfps.limit,\n  };\n}\n"]}

package/dist/elements/public/PaymentsApi/api/composers/payment_method.d.ts

@@ -0,0 +1,18 @@
+import type { PaymentMethod } from '../types';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type HostedPaymentGatewayParams = {
+    paymentMethodSetHostedPaymentGatewayId: string;
+    hostedPaymentGateway: Resource<Rels.HostedPaymentGateway>;
+    helper: Resource<Rels.HostedPaymentGatewaysHelper>['values'][string];
+};
+export declare type PaymentGatewayParams = {
+    paymentGateway: Resource<Rels.PaymentGateway>;
+    helper: Resource<Rels.PaymentGatewaysHelper>['values'][string];
+};
+export declare type CommonParams = {
+    paymentPresetId: string;
+    base: string;
+};
+export declare type Params = CommonParams & (HostedPaymentGatewayParams | PaymentGatewayParams);
+export declare function compose(params: Params): PaymentMethod;

package/dist/elements/public/PaymentsApi/api/composers/payment_method.js

@@ -0,0 +1,25 @@
+export function compose(params) {
+    const { paymentPresetId: presetId, helper, base } = params;
+    const gw = 'paymentGateway' in params ? params.paymentGateway : params.hostedPaymentGateway;
+    const { _links: gwLinks, ...gwProps } = gw;
+    const gwId = new URL(gwLinks.self.href).pathname.split('/').pop();
+    let methodId;
+    if ('paymentMethodSetHostedPaymentGatewayId' in params) {
+        methodId = `H${gwId}C${params.paymentMethodSetHostedPaymentGatewayId}`;
+    }
+    else {
+        methodId = `R${gwId}`;
+    }
+    const presetURL = new URL(`./payment_presets/${presetId}`, base);
+    const selfURL = new URL(`./payment_presets/${presetId}/payment_methods/${methodId}`, base);
+    return {
+        _links: {
+            'self': { href: selfURL.toString() },
+            'fx:store': gwLinks['fx:store'],
+            'fx:payment_preset': { href: presetURL.toString() },
+        },
+        ...gwProps,
+        helper,
+    };
+}
+//# sourceMappingURL=payment_method.js.map

package/dist/elements/public/PaymentsApi/api/composers/payment_method.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment_method.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/payment_method.ts"],"names":[],"mappings":"AAsBA,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAE3D,MAAM,EAAE,GAAG,gBAAgB,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC;IAC5F,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAY,CAAC;IAC5E,IAAI,QAAgB,CAAC;IAErB,IAAI,wCAAwC,IAAI,MAAM,EAAE;QACtD,QAAQ,GAAG,IAAI,IAAI,IAAI,MAAM,CAAC,sCAAsC,EAAE,CAAC;KACxE;SAAM;QACL,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;KACvB;IAED,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,oBAAoB,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC;IAE3F,OAAO;QACL,MAAM,EAAE;YACN,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE;YACpC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC;YAC/B,mBAAmB,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE;SACpD;QACD,GAAG,OAAO;QACV,MAAM;KACP,CAAC;AACJ,CAAC","sourcesContent":["import type { PaymentMethod } from '../types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type HostedPaymentGatewayParams = {\n  paymentMethodSetHostedPaymentGatewayId: string;\n  hostedPaymentGateway: Resource<Rels.HostedPaymentGateway>;\n  helper: Resource<Rels.HostedPaymentGatewaysHelper>['values'][string];\n};\n\nexport type PaymentGatewayParams = {\n  paymentGateway: Resource<Rels.PaymentGateway>;\n  helper: Resource<Rels.PaymentGatewaysHelper>['values'][string];\n};\n\nexport type CommonParams = {\n  paymentPresetId: string;\n  base: string;\n};\n\nexport type Params = CommonParams & (HostedPaymentGatewayParams | PaymentGatewayParams);\n\nexport function compose(params: Params): PaymentMethod {\n  const { paymentPresetId: presetId, helper, base } = params;\n\n  const gw = 'paymentGateway' in params ? params.paymentGateway : params.hostedPaymentGateway;\n  const { _links: gwLinks, ...gwProps } = gw;\n\n  const gwId = new URL(gwLinks.self.href).pathname.split('/').pop() as string;\n  let methodId: string;\n\n  if ('paymentMethodSetHostedPaymentGatewayId' in params) {\n    methodId = `H${gwId}C${params.paymentMethodSetHostedPaymentGatewayId}`;\n  } else {\n    methodId = `R${gwId}`;\n  }\n\n  const presetURL = new URL(`./payment_presets/${presetId}`, base);\n  const selfURL = new URL(`./payment_presets/${presetId}/payment_methods/${methodId}`, base);\n\n  return {\n    _links: {\n      'self': { href: selfURL.toString() },\n      'fx:store': gwLinks['fx:store'],\n      'fx:payment_preset': { href: presetURL.toString() },\n    },\n    ...gwProps,\n    helper,\n  };\n}\n"]}

package/dist/elements/public/PaymentsApi/api/composers/payment_methods.d.ts

@@ -0,0 +1,14 @@
+import type { PaymentMethods } from '../types';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Params = {
+    paymentMethodSetHostedPaymentGateways: Resource<Rels.PaymentMethodSetHostedPaymentGateways>;
+    hostedPaymentGatewaysHelper: Resource<Rels.HostedPaymentGatewaysHelper>;
+    paymentGatewaysHelper: Resource<Rels.PaymentGatewaysHelper>;
+    hostedPaymentGateways: Resource<Rels.HostedPaymentGateway>[];
+    paymentPresetId: string;
+    paymentGateway?: Resource<Rels.PaymentGateway> | 'not-on-page';
+    query: string;
+    base: string;
+};
+export declare function compose(params: Params): PaymentMethods;

package/dist/elements/public/PaymentsApi/api/composers/payment_methods.js

@@ -0,0 +1,59 @@
+import { compose as composePaymentMethod } from "./payment_method.js";
+export function compose(params) {
+    var _a, _b;
+    const { paymentMethodSetHostedPaymentGateways: shgws, hostedPaymentGatewaysHelper: hostedGwsHelper, hostedPaymentGateways: hgws, paymentGatewaysHelper: gwsHelper, paymentPresetId: presetId, paymentGateway: gw, query, base, } = params;
+    const searchParams = new URLSearchParams(query);
+    const offset = parseInt((_a = searchParams.get('offset')) !== null && _a !== void 0 ? _a : '0');
+    const limit = parseInt((_b = searchParams.get('limit')) !== null && _b !== void 0 ? _b : '20');
+    const totalItems = shgws.total_items + (gw ? 1 : 0);
+    const returnedItems = shgws.returned_items + (!gw || gw === 'not-on-page' ? 0 : 1);
+    const selfURL = new URL(`/payment_presets/${presetId}/payment_methods`, base);
+    selfURL.search = query;
+    const firstURL = new URL(selfURL.toString());
+    const lastURL = new URL(selfURL.toString());
+    const prevURL = new URL(selfURL.toString());
+    const nextURL = new URL(selfURL.toString());
+    firstURL.searchParams.set('limit', String(limit));
+    firstURL.searchParams.set('offset', String(offset));
+    lastURL.searchParams.set('limit', String(limit));
+    lastURL.searchParams.set('offset', String(Math.max(0, totalItems - limit)));
+    prevURL.searchParams.set('limit', String(limit));
+    prevURL.searchParams.set('offset', String(Math.max(0, offset - limit)));
+    nextURL.searchParams.set('limit', String(limit));
+    nextURL.searchParams.set('offset', String(Math.min(offset + limit, Math.max(0, totalItems - limit))));
+    const paymentMethods = [...(gw && gw !== 'not-on-page' ? [gw] : []), ...hgws].map(resource => {
+        const shgw = shgws._embedded['fx:payment_method_set_hosted_payment_gateways'].find(r => r.hosted_payment_gateway_uri === resource._links.self.href);
+        if (shgw) {
+            return composePaymentMethod({
+                paymentMethodSetHostedPaymentGatewayId: new URL(shgw._links.self.href).pathname
+                    .split('/')
+                    .pop(),
+                hostedPaymentGateway: resource,
+                paymentPresetId: presetId,
+                helper: hostedGwsHelper.values[resource.type],
+                base,
+            });
+        }
+        return composePaymentMethod({
+            paymentPresetId: presetId,
+            paymentGateway: resource,
+            helper: gwsHelper.values[resource.type],
+            base,
+        });
+    });
+    return {
+        _links: {
+            first: { href: firstURL.toString() },
+            last: { href: lastURL.toString() },
+            prev: { href: prevURL.toString() },
+            next: { href: nextURL.toString() },
+            self: { href: selfURL.toString() },
+        },
+        _embedded: { 'fx:payment_methods': paymentMethods },
+        returned_items: returnedItems,
+        total_items: totalItems,
+        offset,
+        limit,
+    };
+}
+//# sourceMappingURL=payment_methods.js.map