npm - @foxy.io/elements - Versions diffs - 1.18.0-beta.21 → 1.18.0-beta.23 - Mend

@foxy.io/elements 1.18.0-beta.21 → 1.18.0-beta.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

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

	@@ -1 +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 { 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 { Block, Data } from './types';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\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\nexport class PaymentsApiPaymentMethodForm extends TranslatableMixin(\n InternalForm,\n 'payments-api-payment-method-form'\n)<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 const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n\n if (!has(additionalFields, path)) {\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 getImageSrc: ((type: string) => string) \| null = null;\n\n private __tab = 0;\n\n renderBody(): TemplateResult {\n let availablePaymentMethodsUrl: string;\n\n try {\n const presetIdRegex = /\\/payment_presets\\/(?<presetId>.+)\\//;\n const presetId = presetIdRegex.exec(new URL(this.href \|\| this.parent).pathname)!.groups!\n .presetId;\n const url = new URL(\n `/payment_presets/${presetId}/available_payment_methods`,\n this.href \|\| this.parent\n );\n\n availablePaymentMethodsUrl = url.toString();\n } catch {\n availablePaymentMethodsUrl = '';\n }\n\n const availablePaymentMethods = this.renderRoot.querySelector<\n NucleonElement<AvailablePaymentMethods>\n >('#available-payment-methods')?.data;\n\n const defaultSrc = PaymentsApiPaymentMethodForm.defaultImageSrc;\n\n type Helper = { type: string; helper: AvailablePaymentMethods['values'][string] };\n\n const groupedPaymentMethods = Object.entries(availablePaymentMethods?.values ?? {})\n .sort((a, b) => {\n return a[0].localeCompare(b[0], 'en');\n })\n .reduce((groups, [type, helper]) => {\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: Helper[] }[]);\n\n return html`\n <foxy-nucleon\n class=\"hidden\"\n href=${availablePaymentMethodsUrl}\n id=\"available-payment-methods\"\n @update=${() => this.requestUpdate()}\n >\n </foxy-nucleon>\n\n ${this.form.type\n ? html`\n <figure class=\"relative flex flex-col gap-m p-m items-center\">\n <img\n class=\"relative h-xl w-xl object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n src=${this.getImageSrc?.(this.form.type) ?? defaultSrc}\n alt=\"\"\n @error=${(evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc)}\n />\n\n <figcaption class=\"relative min-w-0 font-bold text-xl text-center\">\n ${this.form.helper?.name ?? this.form.type}&ZeroWidthSpace;\n </figcaption>\n </figure>\n\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 class=\"grid grid-cols-2 gap-m transition-transform transform duration-300\"\n style=\"width: calc(200% + var(--lumo-space-m)); --tw-translate-x: ${this.__tab ===\n 0\n ? '0'\n : 'calc(-50% - (var(--lumo-space-m) / 2))'}\"\n >\n <div\n class=\"grid grid-cols-1 gap-m p-m transition-opacity duration-300 ${this\n .__tab === 0\n ? 'opacity-100'\n : 'opacity-0'}\"\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=\"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=\"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=\"account-key\"\n >\n </foxy-internal-text-control>\n `\n : ''}\n ${this.__liveBlocks.map(block => this.__renderBlock(block))}\n </div>\n\n <div\n class=\"grid grid-cols-1 gap-m p-m transition-opacity duration-300 ${this\n .__tab === 1\n ? 'opacity-100'\n : 'opacity-0'}\"\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=\"test-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=\"test-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=\"test-account-key\"\n >\n </foxy-internal-text-control>\n `\n : ''}\n ${this.__testBlocks.map(block => this.__renderBlock(block))}\n </div>\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=${() => {\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 .setValue=${(newValue: 'off' \| 'all_cards' \| 'maestro_only') => {\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 .options=${[\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 </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 .options=${[{ value: 'valid_only', label: 'option_valid_only' }]}\n .getValue=${() =>\n this.form.config_3d_secure?.endsWith('require_valid_response')\n ? ['valid_only']\n : []}\n .setValue=${(newValue: string[]) => {\n const postfix = newValue.includes('valid_only')\n ? '_require_valid_response'\n : '';\n\n const config = this.form.config_3d_secure;\n const type = config?.startsWith('all_cards')\n ? 'all_cards'\n : 'maestro_only';\n\n this.edit({\n config_3d_secure: `${type}${postfix}` as Data['config_3d_secure'],\n });\n }}\n >\n </foxy-internal-checkbox-group-control>\n `\n : ''}\n `\n : ''}\n ${this.data?.type\n ? ''\n : html`\n <vaadin-button theme=\"contrast\" @click=${() => this.undo()}>\n <foxy-i18n infer=\"\" key=\"select_another_button_label\"></foxy-i18n>\n </vaadin-button>\n `}\n ${super.renderBody()}\n `\n : html`\n <foxy-i18n\n class=\"block text-xxl font-bold border-b border-contrast-10 pb-m\"\n infer=\"\"\n key=\"select_method_title\"\n >\n </foxy-i18n>\n\n <div>\n <div class=\"-my-s grid grid-cols-1\">\n ${groupedPaymentMethods.map(group => {\n return html`\n <div class=\"w-m text-center font-semibold text-tertiary py-s\">\n ${group.name}\n </div>\n\n ${group.items.map(\n ({ type, helper }) => html`\n <button\n class=${classMap({\n 'block text-left p-s rounded-t-l rounded-b-l -mx-s': true,\n 'transition-colors hover-bg-contrast-5': !helper.conflict,\n 'cursor-default': !!helper.conflict,\n })}\n ?disabled=${!!helper.conflict}\n @click=${() => this.edit({ type, helper })}\n >\n <figure class=\"flex items-center gap-m h-m\">\n <img\n class=\"relative h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n src=${this.getImageSrc?.(type) ?? defaultSrc}\n alt=\"\"\n @error=${(evt: Event) =>\n ((evt.currentTarget as HTMLImageElement).src = defaultSrc)}\n />\n\n <figcaption\n class=\"min-w-0 flex-1 truncate leading-s ${helper.conflict\n ? 'text-tertiary'\n : ''}\"\n >\n <div class=\"font-semibold\">${helper.name}&ZeroWidthSpace;</div>\n ${helper.conflict\n ? html`\n <foxy-i18n\n class=\"block text-tertiary text-xs\"\n infer=\"\"\n key=\"conflict_message\"\n .options=${helper.conflict}\n >\n </foxy-i18n>\n `\n : ''}\n </figcaption>\n </figure>\n </button>\n `\n )}\n `;\n })}\n </div>\n </div>\n `}\n `;\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 __renderBlock(block: Block) {\n return html`${block.fields.map(field => {\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n const scope = ['additional-fields', ...path].join('-').replace(/_/g, '-');\n\n const getValue = () => {\n try {\n const config = JSON.parse(this.form.additional_fields ?? '{}');\n return get(config, path) ?? 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, path, 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}\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"]}
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 { Templates, 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 { 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 @slot description:before\n * @slot description:after\n \n @slot account-id:before\n * @slot account-id:after\n \n @slot account-key:before\n * @slot account-key:after\n \n @slot third-party-key:before\n * @slot third-party-key:after\n \n @slot test-account-id:before\n * @slot test-account-id:after\n \n @slot test-account-key:before\n * @slot test-account-key:after\n \n @slot test-third-party-key:before\n * @slot test-third-party-key:after\n \n @slot additional-fields-[field-name-in-kebab-case]:before\n * @slot additional-fields-[field-name-in-kebab-case]:after\n \n @slot three-d-secure-toggle:before\n * @slot three-d-secure-toggle:after\n \n @slot three-d-secure-response:before\n * @slot three-d-secure-response:after\n \n @slot timestamps:before\n * @slot timestamps:after\n \n @slot create:before\n * @slot create:after\n \n @slot delete:before\n * @slot delete:after\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 const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n\n if (!has(additionalFields, path)) {\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 /* Template render functions mapped to their name. */\n templates: Templates = {};\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 renderBody(): TemplateResult {\n return this.form.type\n ? this.__renderPaymentMethodConfig(this.form.type)\n : this.__renderPaymentMethodSelector();\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 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 return 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 <foxy-i18n\n class=\"block text-xxl font-bold border-b border-contrast-10 pb-m\"\n infer=\"\"\n key=\"select_method_title\"\n >\n </foxy-i18n>\n\n <section data-testid=\"select-method-list\">\n <div class=\"-my-s\">\n ${this.__groupedAvailablePaymentMethods.map(({ name, items }) => {\n return html`\n <p class=\"w-m text-center font-semibold text-tertiary py-s\">${name}</p>\n <ul class=\"grid grid-cols-1\">\n ${items.map(item => html`<li>${this.__renderPaymentMethodButton(item)}</li>`)}\n </ul>\n `;\n })}\n </div>\n </section>\n `;\n }\n\n private __renderPaymentMethodConfig(type: string) {\n const defaultSrc = PaymentsApiPaymentMethodForm.defaultImageSrc;\n\n return html`\n <figure data-testid=\"logo\" class=\"relative flex flex-col gap-m p-m items-center\">\n <img\n class=\"relative h-xl w-xl object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n src=${this.getImageSrc?.(type) ?? defaultSrc}\n alt=\"\"\n @error=${(evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc)}\n />\n\n <figcaption class=\"relative min-w-0 font-bold text-xl text-center\">\n ${this.form.helper?.name ?? this.form.type}&ZeroWidthSpace;\n </figcaption>\n </figure>\n\n <div class=\"rounded 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\" style=\"--lumo-border-radius: var(--lumo-border-radius-s)\">\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 ${this.data?.type\n ? ''\n : html`\n <vaadin-button\n data-testid=\"select-another-button\"\n theme=\"contrast\"\n @click=${() => this.undo()}\n >\n <foxy-i18n infer=\"\" key=\"select_another_button_label\"></foxy-i18n>\n </vaadin-button>\n `}\n ${super.renderBody()}\n `;\n }\n\n private __renderPaymentMethodButton({ type, helper }: PaymentMethod) {\n const defaultSrc = PaymentsApiPaymentMethodForm.defaultImageSrc;\n\n return html`\n <button\n class=${classMap({\n 'w-full block text-left p-s rounded -mx-s': true,\n 'transition-colors hover-bg-contrast-5': !helper.conflict,\n 'cursor-default': !!helper.conflict,\n })}\n ?disabled=${!!helper.conflict}\n @click=${() => this.edit({ type, helper })}\n >\n <figure class=\"flex items-center gap-m h-m\">\n <img\n class=\"relative h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n src=${this.getImageSrc?.(type) ?? defaultSrc}\n alt=\"\"\n @error=${(evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc)}\n />\n\n <figcaption\n class=${classMap({\n 'min-w-0 flex-1 truncate leading-s': true,\n 'text-tertiary': !!helper.conflict,\n })}\n >\n <div class=\"font-semibold\">${helper.name}&ZeroWidthSpace;</div>\n ${helper.conflict\n ? html`\n <foxy-i18n\n class=\"block text-tertiary text-xs\"\n infer=\"\"\n key=\"conflict_message\"\n .options=${helper.conflict}\n >\n </foxy-i18n>\n `\n : ''}\n </figcaption>\n </figure>\n </button>\n `;\n }\n\n private __renderBlock(block: Block) {\n return html`${block.fields.map(field => {\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n const scope = ['additional-fields', ...path].join('-').replace(/_/g, '-');\n\n const getValue = () => {\n try {\n const config = JSON.parse(this.form.additional_fields ?? '{}');\n return get(config, path) ?? 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, path, 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"]}

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

@@ -1,3 +1,4 @@
+import '@vaadin/vaadin-button';
 import '@vaadin/vaadin-tabs';
 import '../../internal/InternalAsyncComboBoxControl/index';
 import '../../internal/InternalCheckboxGroupControl/index';
@@ -5,6 +6,7 @@ import '../../internal/InternalRadioGroupControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
+import '../NucleonElement/index';
 import '../I18n/index';
 import { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';
 export { PaymentsApiPaymentMethodForm };

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

@@ -1,3 +1,4 @@
+import '@vaadin/vaadin-button';
 import '@vaadin/vaadin-tabs';
 import "../../internal/InternalAsyncComboBoxControl/index.js";
 import "../../internal/InternalCheckboxGroupControl/index.js";
@@ -5,6 +6,7 @@ import "../../internal/InternalRadioGroupControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
+import "../NucleonElement/index.js";
 import "../I18n/index.js";
 import { PaymentsApiPaymentMethodForm } from "./PaymentsApiPaymentMethodForm.js";
 customElements.define('foxy-payments-api-payment-method-form', PaymentsApiPaymentMethodForm);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,8DAA2D;AAC3D,8DAA2D;AAC3D,2DAAwD;AACxD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,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-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 '../I18n/index';\n\nimport { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';\n\ncustomElements.define('foxy-payments-api-payment-method-form', PaymentsApiPaymentMethodForm);\n\nexport { PaymentsApiPaymentMethodForm };\n"]}
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,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 '../I18n/index';\n\nimport { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';\n\ncustomElements.define('foxy-payments-api-payment-method-form', PaymentsApiPaymentMethodForm);\n\nexport { PaymentsApiPaymentMethodForm };\n"]}

package/dist/elements/public/PaymentsApiPaymentMethodForm/types.d.ts CHANGED Viewed

@@ -1,3 +1,32 @@
+import type { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';
 import type { PaymentMethod } from '../PaymentsApi/api/types';
+import type { Renderer } from '../../../mixins/configurable';
 export declare type Data = PaymentMethod;
 export declare type Block = NonNullable<Data['helper']['additional_fields']>['blocks'][number];
+export declare type Templates = {
+    'description:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'description:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'account-id:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'account-id:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'account-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'account-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'third-party-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'third-party-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'test-account-id:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'test-account-id:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'test-account-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'test-account-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'test-third-party-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'test-third-party-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'three-d-secure-toggle:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'three-d-secure-toggle:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'three-d-secure-response:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'three-d-secure-response:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'timestamps:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'timestamps:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'create:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'create:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'delete:before'?: Renderer<PaymentsApiPaymentMethodForm>;
+    'delete:after'?: Renderer<PaymentsApiPaymentMethodForm>;
+    [key: string]: Renderer<PaymentsApiPaymentMethodForm> | undefined;
+};

package/dist/elements/public/PaymentsApiPaymentMethodForm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PaymentMethod } from '../PaymentsApi/api/types';\n\nexport type Data = PaymentMethod;\nexport type Block = NonNullable<Data['helper']['additional_fields']>['blocks'][number];\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PaymentsApiPaymentMethodForm } from './PaymentsApiPaymentMethodForm';\nimport type { PaymentMethod } from '../PaymentsApi/api/types';\nimport type { Renderer } from '../../../mixins/configurable';\n\nexport type Data = PaymentMethod;\n\nexport type Block = NonNullable<Data['helper']['additional_fields']>['blocks'][number];\n\nexport type Templates = {\n 'description:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'description:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'account-id:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'account-id:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'account-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'account-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'third-party-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'third-party-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'test-account-id:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'test-account-id:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'test-account-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'test-account-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'test-third-party-key:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'test-third-party-key:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'three-d-secure-toggle:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'three-d-secure-toggle:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'three-d-secure-response:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'three-d-secure-response:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'timestamps:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'timestamps:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'create:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'create:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'delete:before'?: Renderer<PaymentsApiPaymentMethodForm>;\n 'delete:after'?: Renderer<PaymentsApiPaymentMethodForm>;\n\n [key: string]: Renderer<PaymentsApiPaymentMethodForm> \| undefined;\n};\n"]}

package/dist/elements/public/PaymentsApiPaymentPresetCard/PaymentsApiPaymentPresetCard.d.ts CHANGED Viewed

@@ -22,6 +22,6 @@ declare const Base: typeof TwoLineCard & import("lit-element").Constructor<impor
  * @since 1.21.0
  */
 export declare class PaymentsApiPaymentPresetCard extends Base<Data> {
-    render(): TemplateResult;
+    renderBody(): TemplateResult;
 }
 export {};

package/dist/elements/public/PaymentsApiPaymentPresetCard/PaymentsApiPaymentPresetCard.js CHANGED Viewed

@@ -22,8 +22,8 @@ const Base = TranslatableMixin(TwoLineCard, NS);
  * @since 1.21.0
  */
 export class PaymentsApiPaymentPresetCard extends Base {
-    render() {
-        return super.render({
+    renderBody() {
+        return super.renderBody({
             title: data => html `${data.description}`,
             subtitle: ({ is_live: isLive }) => html `
         <foxy-i18n

package/dist/elements/public/PaymentsApiPaymentPresetCard/PaymentsApiPaymentPresetCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentsApiPaymentPresetCard.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetCard/PaymentsApiPaymentPresetCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kCAAkC,CAAC;AAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,4BAA6B,SAAQ,IAAU;IAC1D,~~MAAM~~;~~QACJ~~,OAAO,KAAK,CAAC,~~MAAM~~,CAAC;~~YAClB~~,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE;YACxC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;kBAE3B,QAAQ,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;;wBAE9B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;OAGzC;SACF,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/*\n Card element representing a `fx:payment_preset` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @slot title:before\n * @slot title:after\n \n @slot subtitle:before\n * @slot subtitle:after\n \n @element foxy-payments-api-payment-preset-card\n * @since 1.21.0\n */\nexport class PaymentsApiPaymentPresetCard extends Base<Data> {\n ~~render~~(): TemplateResult {\n return super.~~render~~({\n title: data => html`${data.description}`,\n subtitle: ({ is_live: isLive }) => html`\n <foxy-i18n\n class=${classMap({ 'text-success': isLive })}\n infer=\"\"\n key=\"status_${isLive ? 'live' : 'test'}\"\n >\n </foxy-i18n>\n `,\n });\n }\n}\n"]}
1	+ {"version":3,"file":"PaymentsApiPaymentPresetCard.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetCard/PaymentsApiPaymentPresetCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kCAAkC,CAAC;AAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,4BAA6B,SAAQ,IAAU;IAC1D,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE;YACxC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;kBAE3B,QAAQ,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;;wBAE9B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;OAGzC;SACF,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/*\n Card element representing a `fx:payment_preset` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @slot title:before\n * @slot title:after\n \n @slot subtitle:before\n * @slot subtitle:after\n \n @element foxy-payments-api-payment-preset-card\n * @since 1.21.0\n */\nexport class PaymentsApiPaymentPresetCard extends Base<Data> {\n renderBody(): TemplateResult {\n return super.renderBody({\n title: data => html`${data.description}`,\n subtitle: ({ is_live: isLive }) => html`\n <foxy-i18n\n class=${classMap({ 'text-success': isLive })}\n infer=\"\"\n key=\"status_${isLive ? 'live' : 'test'}\"\n >\n </foxy-i18n>\n `,\n });\n }\n}\n"]}

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

@@ -1,16 +1,55 @@
 import type { PropertyDeclarations } from 'lit-element';
+import type { Data, Templates } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
-import type { Data } from './types';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
 declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
+/**
+ * Form element for the `fx:payment_preset` resource of Payments API.
+ *
+ * _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
+ * this element with hAPI, wrap it into a foxy-payments-api node._
+ *
+ * @slot description:before
+ * @slot description:after
+ *
+ * @slot is-live:before
+ * @slot is-live:after
+ *
+ * @slot is-purchase-order-enabled:before
+ * @slot is-purchase-order-enabled:after
+ *
+ * @slot payment-methods:before
+ * @slot payment-methods:after
+ *
+ * @slot fraud-protections:before
+ * @slot fraud-protections:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-payments-api-payment-preset-form
+ * @since 1.21.0
+ */
 export declare class PaymentsApiPaymentPresetForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
+    /** A function that returns image URL for given fraud protection `type`. */
     getFraudProtectionImageSrc: ((type: string) => string) | null;
+    /** A function that returns image URL for given payment method `type`. */
     getPaymentMethodImageSrc: ((type: string) => string) | null;
+    /** Template render functions mapped to their name. */
+    templates: Templates;
     private static readonly __isPOEnabledOptions;
     private static readonly __isLiveOptions;
     private __getIsPOEnabledValue;

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

@@ -3,11 +3,50 @@ import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { html } from 'lit-html';
 const NS = 'payments-api-payment-preset-form';
 const Base = TranslatableMixin(InternalForm, NS);
+/**
+ * Form element for the `fx:payment_preset` resource of Payments API.
+ *
+ * _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
+ * this element with hAPI, wrap it into a foxy-payments-api node._
+ *
+ * @slot description:before
+ * @slot description:after
+ *
+ * @slot is-live:before
+ * @slot is-live:after
+ *
+ * @slot is-purchase-order-enabled:before
+ * @slot is-purchase-order-enabled:after
+ *
+ * @slot payment-methods:before
+ * @slot payment-methods:after
+ *
+ * @slot fraud-protections:before
+ * @slot fraud-protections:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-payments-api-payment-preset-form
+ * @since 1.21.0
+ */
 export class PaymentsApiPaymentPresetForm extends Base {
     constructor() {
         super(...arguments);
+        /** A function that returns image URL for given fraud protection `type`. */
         this.getFraudProtectionImageSrc = null;
+        /** A function that returns image URL for given payment method `type`. */
         this.getPaymentMethodImageSrc = null;
+        /** Template render functions mapped to their name. */
+        this.templates = {};
         this.__getIsPOEnabledValue = () => {
             return this.form.is_purchase_order_enabled ? ['true'] : [];
         };
@@ -59,81 +98,61 @@ export class PaymentsApiPaymentPresetForm extends Base {
       ${this.data
             ? html `
-            <div class="grid grid-cols-1 gap-s">
-              <foxy-i18n
-                class="text-s font-medium text-secondary"
-                infer="payment-methods"
-                key="title"
-              >
-              </foxy-i18n>
+            <foxy-internal-async-list-control
+              infer="payment-methods"
+              first=${this.data._links['fx:payment_methods'].href}
+              limit="5"
+              .item=${(ctx) => html `
+                <foxy-payments-api-payment-method-card
+                  parent=${ctx.parent}
+                  infer="payments-api-payment-method-card"
+                  href=${ctx.href}
+                  .getImageSrc=${this.getPaymentMethodImageSrc}
+                >
+                </foxy-payments-api-payment-method-card>
+              `}
+              .form=${(ctx) => html `
+                <foxy-payments-api-payment-method-form
+                  parent=${ctx.dialog.parent}
+                  infer="payments-api-payment-method-form"
+                  href=${ctx.dialog.href}
+                  id="form"
+                  .getImageSrc=${this.getPaymentMethodImageSrc}
+                  @fetch=${ctx.handleFetch}
+                  @update=${ctx.handleUpdate}
+                >
+                </foxy-payments-api-payment-method-form>
+              `}
+            >
+            </foxy-internal-async-list-control>
-              <foxy-internal-async-list-control
-                infer="payment-methods"
-                first=${this.data._links['fx:payment_methods'].href}
-                limit="5"
-                .item=${(ctx) => html `
-                  <foxy-payments-api-payment-method-card
-                    parent=${ctx.parent}
-                    infer="payments-api-payment-method-card"
-                    class="px-m py-s"
-                    href=${ctx.href}
-                    .getImageSrc=${this.getPaymentMethodImageSrc}
-                  >
-                  </foxy-payments-api-payment-method-card>
-                `}
-                .form=${(ctx) => html `
-                  <foxy-payments-api-payment-method-form
-                    parent=${ctx.dialog.parent}
-                    infer="payments-api-payment-method-form"
-                    href=${ctx.dialog.href}
-                    id="form"
-                    .getImageSrc=${this.getPaymentMethodImageSrc}
-                    @fetch=${ctx.handleFetch}
-                    @update=${ctx.handleUpdate}
-                  >
-                  </foxy-payments-api-payment-method-form>
-                `}
-              >
-              </foxy-internal-async-list-control>
-            </div>
-            <div class="grid grid-cols-1 gap-s">
-              <foxy-i18n
-                class="text-s font-medium text-secondary"
-                infer="fraud-protections"
-                key="title"
-              >
-              </foxy-i18n>
-              <foxy-internal-async-list-control
-                infer="fraud-protections"
-                first=${this.data._links['fx:fraud_protections'].href}
-                limit="5"
-                .item=${(ctx) => html `
-                  <foxy-payments-api-fraud-protection-card
-                    parent=${ctx.parent}
-                    infer="payments-api-fraud-protection-card"
-                    class="px-m py-s"
-                    href=${ctx.href}
-                    .getImageSrc=${this.getFraudProtectionImageSrc}
-                  >
-                  </foxy-payments-api-fraud-protection-card>
-                `}
-                .form=${(ctx) => html `
-                  <foxy-payments-api-fraud-protection-form
-                    parent=${ctx.dialog.parent}
-                    infer="payments-api-fraud-protection-form"
-                    href=${ctx.dialog.href}
-                    id="form"
-                    .getImageSrc=${this.getFraudProtectionImageSrc}
-                    @fetch=${ctx.handleFetch}
-                    @update=${ctx.handleUpdate}
-                  >
-                  </foxy-payments-api-fraud-protection-form>
-                `}
-              >
-              </foxy-internal-async-list-control>
-            </div>
+            <foxy-internal-async-list-control
+              infer="fraud-protections"
+              first=${this.data._links['fx:fraud_protections'].href}
+              limit="5"
+              .item=${(ctx) => html `
+                <foxy-payments-api-fraud-protection-card
+                  parent=${ctx.parent}
+                  infer="payments-api-fraud-protection-card"
+                  href=${ctx.href}
+                  .getImageSrc=${this.getFraudProtectionImageSrc}
+                >
+                </foxy-payments-api-fraud-protection-card>
+              `}
+              .form=${(ctx) => html `
+                <foxy-payments-api-fraud-protection-form
+                  parent=${ctx.dialog.parent}
+                  infer="payments-api-fraud-protection-form"
+                  href=${ctx.dialog.href}
+                  id="form"
+                  .getImageSrc=${this.getFraudProtectionImageSrc}
+                  @fetch=${ctx.handleFetch}
+                  @update=${ctx.handleUpdate}
+                >
+                </foxy-payments-api-fraud-protection-form>
+              `}
+            >
+            </foxy-internal-async-list-control>
           `
             : ''}
       ${super.renderBody()}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kCAAkC,CAAC;AAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,4BAA6B,SAAQ,IAAU;IAA5D;;QAgBE,+BAA0B,GAAsC,IAAI,CAAC;QAErE,6BAAwB,GAAsC,IAAI,CAAC;~~QAM3D~~,0BAAqB,GAA6C,GAAG,EAAE;YAC7E,OAAO,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7D,CAAC,CAAC;QAEM,0BAAqB,GAA6C,QAAQ,CAAC,EAAE;YACnF,IAAI,CAAC,IAAI,CAAC,EAAE,yBAAyB,EAAG,QAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACpF,CAAC,CAAC;QAEM,qBAAgB,GAA6C,GAAG,EAAE;YACxE,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC,CAAC;QAEM,qBAAgB,GAA6C,QAAQ,CAAC,EAAE;YAC9E,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAG,QAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;~~IA4GJ~~,CAAC;~~IAjJC~~,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,0BAA0B,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChD,wBAAwB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC/C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,0BAA0B;YACzD,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,0BAA0B;SAC7E,CAAC;IACJ,CAAC;~~IA0BD~~,UAAU;QACR,MAAM,WAAW,GAAG,IAAI,CAAC,WAAkD,CAAC;QAE5E,OAAO,IAAI,CAAA;;;;;;sBAMO,IAAI,CAAC,gBAAgB;sBACrB,IAAI,CAAC,gBAAgB;qBACtB,WAAW,CAAC,eAAe;;;;;;sBAM1B,IAAI,CAAC,qBAAqB;sBAC1B,IAAI,CAAC,qBAAqB;qBAC3B,WAAW,CAAC,oBAAoB;;;;;QAK7C,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA~~;;;;;;;;;;;wBAWU~~,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI;;~~wBAE3C~~,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;~~6BAE7B~~,GAAG,CAAC,MAAM~~;;;2BAGZ~~,GAAG,CAAC,IAAI;~~mCACA~~,IAAI,CAAC,wBAAwB;;;~~iBAG~~/C;~~wBACO~~,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;~~6BAE7B~~,GAAG,CAAC,MAAM,CAAC,MAAM;;~~2BAEnB~~,GAAG,CAAC,MAAM,CAAC,IAAI;;~~mCAEP~~,IAAI,CAAC,wBAAwB;~~6BACnC~~,GAAG,CAAC,WAAW;~~8BACd~~,GAAG,CAAC,YAAY;;;~~iBAG7B;;;;;;;;;;;;;;;wBAeO~~,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI;;~~wBAE7C~~,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;~~6BAE7B~~,GAAG,CAAC,MAAM~~;;;2BAGZ~~,GAAG,CAAC,IAAI;~~mCACA~~,IAAI,CAAC,0BAA0B;;;~~iBAGjD~~;~~wBACO~~,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;~~6BAE7B~~,GAAG,CAAC,MAAM,CAAC,MAAM;;~~2BAEnB~~,GAAG,CAAC,MAAM,CAAC,IAAI;;~~mCAEP~~,IAAI,CAAC,0BAA0B;~~6BACrC~~,GAAG,CAAC,WAAW;~~8BACd~~,GAAG,CAAC,YAAY;;;~~iBAG7B;;;;WAIN~~;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;;~~AA7HuB~~,iDAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAEjE,4CAAe,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC","sourcesContent":["import type { InternalCheckboxGroupControl } from '../../internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { FormRendererContext } from '../FormDialog/types';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { ~~TemplateResult~~ } from '~~lit-html~~';\nimport type { ~~NucleonV8N~~ } from '~~../NucleonElement/types~~';\nimport type { ~~Data~~ } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n getFraudProtectionImageSrc: { attribute: false },\n getPaymentMethodImageSrc: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ description: v }) => !!v \|\| 'description:v8n_required',\n ({ description: v }) => (v && v.length <= 100) \|\| 'description:v8n_too_long',\n ];\n }\n\n getFraudProtectionImageSrc: ((type: string) => string) \| null = null;\n\n getPaymentMethodImageSrc: ((type: string) => string) \| null = null;\n\n private static readonly __isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];\n\n private static readonly __isLiveOptions = [{ label: 'option_live', value: 'live' }];\n\n private __getIsPOEnabledValue: InternalCheckboxGroupControl['getValue'] = () => {\n return this.form.is_purchase_order_enabled ? ['true'] : [];\n };\n\n private __setIsPOEnabledValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n this.edit({ is_purchase_order_enabled: (newValue as string[]).includes('true') });\n };\n\n private __getIsLiveValue: InternalCheckboxGroupControl['getValue'] = () => {\n return this.form.is_live ? ['live'] : ['test'];\n };\n\n private __setIsLiveValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n this.edit({ is_live: (newValue as string[]).includes('live') });\n };\n\n renderBody(): TemplateResult {\n const constructor = this.constructor as typeof PaymentsApiPaymentPresetForm;\n\n return html`\n <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n <div class=\"-mb-s\">\n <foxy-internal-checkbox-group-control\n infer=\"is-live\"\n .getValue=${this.__getIsLiveValue}\n .setValue=${this.__setIsLiveValue}\n .options=${constructor.__isLiveOptions}\n >\n </foxy-internal-checkbox-group-control>\n\n <foxy-internal-checkbox-group-control\n infer=\"is-purchase-order-enabled\"\n .getValue=${this.__getIsPOEnabledValue}\n .setValue=${this.__setIsPOEnabledValue}\n .options=${constructor.__isPOEnabledOptions}\n >\n </foxy-internal-checkbox-group-control>\n </div>\n\n ${this.data\n ? html`\n <~~div class=\"grid grid-cols-1 gap-s\">\n <~~foxy-i18n\n class=\"text-s font-medium text-secondary\"\n infer=\"payment-methods\"\n key=\"title\"\n >\n </foxy-i18n>\n\n <foxy-internal-async-list-control\n infer=\"payment-methods\"\n first=${this.data._links['fx:payment_methods'].href}\n limit=\"5\"\n .item=${(ctx: ItemRendererContext) => html`\n <foxy-payments-api-payment-method-card\n parent=${ctx.parent}\n infer=\"payments-api-payment-method-card\"\n ~~class=\"px-m py-s\"\n~~ href=${ctx.href}\n .getImageSrc=${this.getPaymentMethodImageSrc}\n >\n </foxy-payments-api-payment-method-card>\n `}\n .form=${(ctx: FormRendererContext) => html`\n <foxy-payments-api-payment-method-form\n parent=${ctx.dialog.parent}\n infer=\"payments-api-payment-method-form\"\n href=${ctx.dialog.href}\n id=\"form\"\n .getImageSrc=${this.getPaymentMethodImageSrc}\n @fetch=${ctx.handleFetch}\n @update=${ctx.handleUpdate}\n >\n </foxy-payments-api-payment-method-form>\n `}\n >\n </foxy-internal-async-list-control>\n ~~</div>\n~~\n <~~div class=\"grid grid-cols-1 gap-s\">\n <~~foxy-i18n\n class=\"text-s font-medium text-secondary\"\n infer=\"fraud-protections\"\n key=\"title\"\n >\n </foxy-i18n>\n\n <foxy-internal-async-list-control\n infer=\"fraud-protections\"\n first=${this.data._links['fx:fraud_protections'].href}\n limit=\"5\"\n .item=${(ctx: ItemRendererContext) => html`\n <foxy-payments-api-fraud-protection-card\n parent=${ctx.parent}\n infer=\"payments-api-fraud-protection-card\"\n ~~class=\"px-m py-s\"\n~~ href=${ctx.href}\n .getImageSrc=${this.getFraudProtectionImageSrc}\n >\n </foxy-payments-api-fraud-protection-card>\n `}\n .form=${(ctx: FormRendererContext) => html`\n <foxy-payments-api-fraud-protection-form\n parent=${ctx.dialog.parent}\n infer=\"payments-api-fraud-protection-form\"\n href=${ctx.dialog.href}\n id=\"form\"\n .getImageSrc=${this.getFraudProtectionImageSrc}\n @fetch=${ctx.handleFetch}\n @update=${ctx.handleUpdate}\n >\n </foxy-payments-api-fraud-protection-form>\n `}\n >\n </foxy-internal-async-list-control>\n ~~</div>\n~~ `\n : ''}\n ${super.renderBody()}\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { InternalCheckboxGroupControl } from '../../internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { FormRendererContext } from '../FormDialog/types';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/*\n Form element for the `fx:payment_preset` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @slot description:before\n * @slot description:after\n \n @slot is-live:before\n * @slot is-live:after\n \n @slot is-purchase-order-enabled:before\n * @slot is-purchase-order-enabled:after\n \n @slot payment-methods:before\n * @slot payment-methods:after\n \n @slot fraud-protections:before\n * @slot fraud-protections:after\n \n @slot timestamps:before\n * @slot timestamps:after\n \n @slot create:before\n * @slot create:after\n \n @slot delete:before\n * @slot delete:after\n \n @element foxy-payments-api-payment-preset-form\n * @since 1.21.0\n /\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n getFraudProtectionImageSrc: { attribute: false },\n getPaymentMethodImageSrc: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ description: v }) => !!v \|\| 'description:v8n_required',\n ({ description: v }) => (v && v.length <= 100) \|\| 'description:v8n_too_long',\n ];\n }\n\n /* A function that returns image URL for given fraud protection `type`. /\n getFraudProtectionImageSrc: ((type: string) => string) \| null = null;\n\n /* A function that returns image URL for given payment method `type`. /\n getPaymentMethodImageSrc: ((type: string) => string) \| null = null;\n\n /* Template render functions mapped to their name. */\n templates: Templates = {};\n\n private static readonly __isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];\n\n private static readonly __isLiveOptions = [{ label: 'option_live', value: 'live' }];\n\n private __getIsPOEnabledValue: InternalCheckboxGroupControl['getValue'] = () => {\n return this.form.is_purchase_order_enabled ? ['true'] : [];\n };\n\n private __setIsPOEnabledValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n this.edit({ is_purchase_order_enabled: (newValue as string[]).includes('true') });\n };\n\n private __getIsLiveValue: InternalCheckboxGroupControl['getValue'] = () => {\n return this.form.is_live ? ['live'] : ['test'];\n };\n\n private __setIsLiveValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n this.edit({ is_live: (newValue as string[]).includes('live') });\n };\n\n renderBody(): TemplateResult {\n const constructor = this.constructor as typeof PaymentsApiPaymentPresetForm;\n\n return html`\n <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n <div class=\"-mb-s\">\n <foxy-internal-checkbox-group-control\n infer=\"is-live\"\n .getValue=${this.__getIsLiveValue}\n .setValue=${this.__setIsLiveValue}\n .options=${constructor.__isLiveOptions}\n >\n </foxy-internal-checkbox-group-control>\n\n <foxy-internal-checkbox-group-control\n infer=\"is-purchase-order-enabled\"\n .getValue=${this.__getIsPOEnabledValue}\n .setValue=${this.__setIsPOEnabledValue}\n .options=${constructor.__isPOEnabledOptions}\n >\n </foxy-internal-checkbox-group-control>\n </div>\n\n ${this.data\n ? html`\n <foxy-internal-async-list-control\n infer=\"payment-methods\"\n first=${this.data._links['fx:payment_methods'].href}\n limit=\"5\"\n .item=${(ctx: ItemRendererContext) => html`\n <foxy-payments-api-payment-method-card\n parent=${ctx.parent}\n infer=\"payments-api-payment-method-card\"\n href=${ctx.href}\n .getImageSrc=${this.getPaymentMethodImageSrc}\n >\n </foxy-payments-api-payment-method-card>\n `}\n .form=${(ctx: FormRendererContext) => html`\n <foxy-payments-api-payment-method-form\n parent=${ctx.dialog.parent}\n infer=\"payments-api-payment-method-form\"\n href=${ctx.dialog.href}\n id=\"form\"\n .getImageSrc=${this.getPaymentMethodImageSrc}\n @fetch=${ctx.handleFetch}\n @update=${ctx.handleUpdate}\n >\n </foxy-payments-api-payment-method-form>\n `}\n >\n </foxy-internal-async-list-control>\n\n <foxy-internal-async-list-control\n infer=\"fraud-protections\"\n first=${this.data._links['fx:fraud_protections'].href}\n limit=\"5\"\n .item=${(ctx: ItemRendererContext) => html`\n <foxy-payments-api-fraud-protection-card\n parent=${ctx.parent}\n infer=\"payments-api-fraud-protection-card\"\n href=${ctx.href}\n .getImageSrc=${this.getFraudProtectionImageSrc}\n >\n </foxy-payments-api-fraud-protection-card>\n `}\n .form=${(ctx: FormRendererContext) => html`\n <foxy-payments-api-fraud-protection-form\n parent=${ctx.dialog.parent}\n infer=\"payments-api-fraud-protection-form\"\n href=${ctx.dialog.href}\n id=\"form\"\n .getImageSrc=${this.getFraudProtectionImageSrc}\n @fetch=${ctx.handleFetch}\n @update=${ctx.handleUpdate}\n >\n </foxy-payments-api-fraud-protection-form>\n `}\n >\n </foxy-internal-async-list-control>\n `\n : ''}\n ${super.renderBody()}\n `;\n }\n}\n"]}

package/dist/elements/public/PaymentsApiPaymentPresetForm/types.d.ts CHANGED Viewed

@@ -1 +1,15 @@
+import { Renderer } from '../../../mixins/configurable';
+import { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';
 export type { PaymentPreset as Data } from '../PaymentsApi/api/types';
+export declare type Templates = {
+    'description:before'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'description:after'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'is-live:before'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'is-live:after'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'is-purchase-order-enabled:before'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'is-purchase-order-enabled:after'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'payment-methods:before'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'payment-methods:after'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'fraud-protections:before'?: Renderer<PaymentsApiPaymentPresetForm>;
+    'fraud-protections:after'?: Renderer<PaymentsApiPaymentPresetForm>;
+};

package/dist/elements/public/PaymentsApiPaymentPresetForm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["~~export~~ type { PaymentPreset as Data } from '../PaymentsApi/api/types';\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Renderer } from '../../../mixins/configurable';\nimport { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';\n\nexport type { PaymentPreset as Data } from '../PaymentsApi/api/types';\n\nexport type Templates = {\n 'description:before'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'description:after'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'is-live:before'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'is-live:after'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'is-purchase-order-enabled:before'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'is-purchase-order-enabled:after'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'payment-methods:before'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'payment-methods:after'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'fraud-protections:before'?: Renderer<PaymentsApiPaymentPresetForm>;\n 'fraud-protections:after'?: Renderer<PaymentsApiPaymentPresetForm>;\n};\n"]}

package/dist/elements/public/ReportForm/ReportForm.js CHANGED Viewed

@@ -276,7 +276,10 @@ export class ReportForm extends Base {
         <x-group frame>
           <foxy-i18n slot="header" lang=${this.lang} key="range" ns=${this.ns}></foxy-i18n>
-          <div class="p-m grid gap-m ${this.__showRangeTime ? 'grid-cols-1' : 'sm-grid-cols-2'}">
+          <div
+            style="--lumo-border-radius: var(--lumo-border-radius-s)"
+            class="p-m grid gap-m ${this.__showRangeTime ? 'grid-cols-1' : 'sm-grid-cols-2'}"
+          >
             <div class=${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}>
               ${this.__renderRangePreset()}
             </div>