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

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/InternalAdminSubscriptionFormStatusActionForm.js

@@ -0,0 +1,184 @@
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { serializeDate } from "../../../../../utils/serialize-date.js";
+import { InternalForm } from "../../../../internal/InternalForm/InternalForm.js";
+import { parseDate } from "../../../../../utils/parse-date.js";
+import { html, svg } from 'lit-html';
+export class InternalAdminSubscriptionFormStatusActionForm extends InternalForm {
+    constructor() {
+        super(...arguments);
+        this.__endDatePresetOptions = JSON.stringify([
+            { value: 'tomorrow', label: 'option_tomorrow' },
+            { value: 'next_transaction_date', label: 'option_next_transaction_date' },
+            { value: 'custom_date', label: 'option_custom_date' },
+        ]);
+        this.__endDatePresetGetValue = () => { var _a; return (_a = this.form.end_date_preset) !== null && _a !== void 0 ? _a : 'next_transaction_date'; };
+        this.__endDatePresetSetValue = (newValue) => {
+            this.edit({ end_date_preset: newValue });
+            if (newValue === 'tomorrow') {
+                const tomorrowDate = new Date();
+                tomorrowDate.setDate(tomorrowDate.getDate() + 1);
+                tomorrowDate.setHours(0, 0, 0, 0);
+                this.edit({ end_date: serializeDate(tomorrowDate) });
+            }
+            else if (newValue === 'next_transaction_date') {
+                this.edit({ end_date: this.form.next_transaction_date });
+            }
+            else {
+                this.edit({ end_date: '' });
+            }
+        };
+        this.__endDateGetValue = () => {
+            return this.form.end_date_preset ? this.form.end_date : this.form.next_transaction_date;
+        };
+        this.__nextTransactionDateGetValue = () => {
+            const tomorrowDate = new Date();
+            tomorrowDate.setDate(tomorrowDate.getDate() + 1);
+            tomorrowDate.setHours(0, 0, 0, 0);
+            const tomorrow = serializeDate(tomorrowDate);
+            if (!this.form.next_transaction_date)
+                return tomorrow;
+            const currentNextDate = parseDate(this.form.next_transaction_date.substring(0, 10));
+            if (!currentNextDate || currentNextDate < tomorrowDate)
+                return tomorrow;
+            return this.form.next_transaction_date;
+        };
+    }
+    static get v8n() {
+        return [
+            ({ next_transaction_date, end_date, is_active }) => {
+                if (is_active) {
+                    if (!end_date || end_date === '0000-00-00')
+                        return 'end-date:v8n_required';
+                }
+                else {
+                    if (!next_transaction_date)
+                        return 'next-transaction-date:v8n_required';
+                }
+                return true;
+            },
+        ];
+    }
+    get readonlySelector() {
+        const alwaysMatch = [super.readonlySelector.toString()];
+        if (this.form.end_date_preset !== 'custom_date')
+            alwaysMatch.push('end-date');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
+    renderBody() {
+        var _a;
+        const tomorrowDate = new Date();
+        tomorrowDate.setDate(tomorrowDate.getDate() + 1);
+        tomorrowDate.setHours(0, 0, 0, 0);
+        const isActive = !!((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_active);
+        const action = isActive ? 'cancel' : 'reactivate';
+        const color = isActive ? 'bg-error-10' : 'bg-success-10';
+        const icon = isActive
+            ? svg `<svg class="text-error" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" style="width: 2rem; height: 2rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z" /></svg>`
+            : svg `<svg class="text-success" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" style="width: 2rem; height: 2rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>`;
+        return html `
+      <foxy-internal-summary-control infer="" label="" helper-text="">
+        <div class="text-center flex flex-col items-center bg-transparent">
+          <div class="rounded-full ${color} p-m mb-s mx-auto">${icon}</div>
+          <p class="font-medium text-xl leading-m">
+            <foxy-i18n infer="" key="${action}_title"></foxy-i18n>
+          </p>
+          <p class="text-secondary leading-s">
+            <foxy-i18n infer="" key="${action}_subtitle"></foxy-i18n>
+          </p>
+        </div>
+      </foxy-internal-summary-control>
+
+      <foxy-internal-summary-control infer="" label="" helper-text="">
+        ${isActive
+            ? html `
+              <foxy-internal-select-control
+                options=${this.__endDatePresetOptions}
+                layout="summary-item"
+                infer="end-date-preset"
+                .getValue=${this.__endDatePresetGetValue}
+                .setValue=${this.__endDatePresetSetValue}
+              >
+              </foxy-internal-select-control>
+
+              <foxy-internal-date-control
+                layout="summary-item"
+                infer="end-date"
+                min=${serializeDate(tomorrowDate)}
+                hide-clear-button
+                .getValue=${this.__endDateGetValue}
+              >
+              </foxy-internal-date-control>
+            `
+            : html `
+              <foxy-internal-date-control
+                layout="summary-item"
+                infer="next-transaction-date"
+                min=${serializeDate(tomorrowDate)}
+                hide-clear-button
+                .getValue=${this.__nextTransactionDateGetValue}
+              >
+              </foxy-internal-date-control>
+            `}
+      </foxy-internal-summary-control>
+
+      <foxy-internal-summary-control infer="" label="" helper-text="">
+        ${isActive
+            ? [
+                this.__renderFaq('cancel_why_not_today', svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-error flex-shrink-0" style="width: 1.25em; height: 1.25em;"><path d="M5.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75V12ZM6 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H6ZM7.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75V12ZM8 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H8ZM9.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V10ZM10 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H10ZM9.25 14a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V14ZM12 9.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75H12ZM11.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75V12ZM12 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H12ZM13.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H14a.75.75 0 0 1-.75-.75V10ZM14 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H14Z" /><path fill-rule="evenodd" d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" clip-rule="evenodd" /></svg>`),
+                this.__renderFaq('cancel_whats_next', svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-error flex-shrink-0" style="width: 1.25em; height: 1.25em;"><path d="M3.288 4.818A1.5 1.5 0 0 0 1 6.095v7.81a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905c.155-.096.285-.213.389-.344v2.973a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905a1.5 1.5 0 0 0 0-2.552l-6.323-3.906A1.5 1.5 0 0 0 10 6.095v2.972a1.506 1.506 0 0 0-.389-.343L3.288 4.818Z" /></svg>`),
+                this.__renderFaq('cancel_how_to_reactivate', svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-error flex-shrink-0" style="width: 1.25em; height: 1.25em;"><path d="M6.111 11.89A5.5 5.5 0 1 1 15.501 8 .75.75 0 0 0 17 8a7 7 0 1 0-11.95 4.95.75.75 0 0 0 1.06-1.06Z" /><path d="M8.232 6.232a2.5 2.5 0 0 0 0 3.536.75.75 0 1 1-1.06 1.06A4 4 0 1 1 14 8a.75.75 0 0 1-1.5 0 2.5 2.5 0 0 0-4.268-1.768Z" /><path d="M10.766 7.51a.75.75 0 0 0-1.37.365l-.492 6.861a.75.75 0 0 0 1.204.65l1.043-.799.985 3.678a.75.75 0 0 0 1.45-.388l-.978-3.646 1.292.204a.75.75 0 0 0 .74-1.16l-3.874-5.764Z" /></svg>`),
+            ]
+            : [
+                this.__renderFaq('reactivate_why_not_today', svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-success flex-shrink-0" style="width: 1.25em; height: 1.25em;"><path d="M5.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75V12ZM6 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H6ZM7.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75V12ZM8 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H8ZM9.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V10ZM10 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H10ZM9.25 14a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V14ZM12 9.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75H12ZM11.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75V12ZM12 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H12ZM13.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H14a.75.75 0 0 1-.75-.75V10ZM14 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H14Z" /><path fill-rule="evenodd" d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" clip-rule="evenodd" /></svg>`),
+                this.__renderFaq('reactivate_whats_next', svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-success flex-shrink-0" style="width: 1.25em; height: 1.25em;"><path d="M3.288 4.818A1.5 1.5 0 0 0 1 6.095v7.81a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905c.155-.096.285-.213.389-.344v2.973a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905a1.5 1.5 0 0 0 0-2.552l-6.323-3.906A1.5 1.5 0 0 0 10 6.095v2.972a1.506 1.506 0 0 0-.389-.343L3.288 4.818Z" /></svg>`),
+            ]}
+      </foxy-internal-summary-control>
+
+      <vaadin-button
+        theme="primary ${isActive ? 'error' : 'success'} large"
+        class="w-full"
+        ?disabled=${this.disabled}
+        @click=${() => this.submit()}
+      >
+        <foxy-i18n infer="" key="${action}_submit"></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+    submit() {
+        var _a;
+        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_active) {
+            if (this.__endDatePresetGetValue() === 'next_transaction_date') {
+                this.edit({ end_date: this.form.next_transaction_date });
+            }
+        }
+        else {
+            this.edit({
+                next_transaction_date: this.__nextTransactionDateGetValue(),
+                is_active: true,
+                end_date: '0000-00-00',
+            });
+        }
+        super.submit();
+    }
+    async _sendPatch(edits) {
+        delete edits.end_date_preset;
+        return super._sendPatch(edits);
+    }
+    __renderFaq(prefix, icon) {
+        return html `
+      <div
+        class="bg-transparent flex leading-xs"
+        style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+      >
+        ${icon}
+        <p class="grid">
+          <foxy-i18n class="leading-m text-s font-medium" infer="" key="${prefix}_title">
+          </foxy-i18n>
+          <foxy-i18n class="leading-xs text-secondary text-xs" infer="" key="${prefix}_text">
+          </foxy-i18n>
+        </p>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalAdminSubscriptionFormStatusActionForm.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/InternalAdminSubscriptionFormStatusActionForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalAdminSubscriptionFormStatusActionForm.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/InternalAdminSubscriptionFormStatusActionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { SVGTemplateResult, TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../../../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { serializeDate } from '../../../../../utils/serialize-date';\nimport { InternalForm } from '../../../../internal/InternalForm/InternalForm';\nimport { parseDate } from '../../../../../utils/parse-date';\nimport { html, svg } from 'lit-html';\n\nexport class InternalAdminSubscriptionFormStatusActionForm extends InternalForm<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ next_transaction_date, end_date, is_active }) => {\n        if (is_active) {\n          if (!end_date || end_date === '0000-00-00') return 'end-date:v8n_required';\n        } else {\n          if (!next_transaction_date) return 'next-transaction-date:v8n_required';\n        }\n\n        return true;\n      },\n    ];\n  }\n\n  private readonly __endDatePresetOptions = JSON.stringify([\n    { value: 'tomorrow', label: 'option_tomorrow' },\n    { value: 'next_transaction_date', label: 'option_next_transaction_date' },\n    { value: 'custom_date', label: 'option_custom_date' },\n  ]);\n\n  private readonly __endDatePresetGetValue = () =>\n    this.form.end_date_preset ?? 'next_transaction_date';\n\n  private readonly __endDatePresetSetValue = (newValue: string) => {\n    this.edit({ end_date_preset: newValue });\n\n    if (newValue === 'tomorrow') {\n      const tomorrowDate = new Date();\n      tomorrowDate.setDate(tomorrowDate.getDate() + 1);\n      tomorrowDate.setHours(0, 0, 0, 0);\n      this.edit({ end_date: serializeDate(tomorrowDate) });\n    } else if (newValue === 'next_transaction_date') {\n      this.edit({ end_date: this.form.next_transaction_date });\n    } else {\n      this.edit({ end_date: '' });\n    }\n  };\n\n  private readonly __endDateGetValue = () => {\n    return this.form.end_date_preset ? this.form.end_date : this.form.next_transaction_date;\n  };\n\n  private readonly __nextTransactionDateGetValue = () => {\n    const tomorrowDate = new Date();\n    tomorrowDate.setDate(tomorrowDate.getDate() + 1);\n    tomorrowDate.setHours(0, 0, 0, 0);\n\n    const tomorrow = serializeDate(tomorrowDate);\n    if (!this.form.next_transaction_date) return tomorrow;\n\n    const currentNextDate = parseDate(this.form.next_transaction_date.substring(0, 10));\n    if (!currentNextDate || currentNextDate < tomorrowDate) return tomorrow;\n\n    return this.form.next_transaction_date;\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.form.end_date_preset !== 'custom_date') alwaysMatch.push('end-date');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    const tomorrowDate = new Date();\n    tomorrowDate.setDate(tomorrowDate.getDate() + 1);\n    tomorrowDate.setHours(0, 0, 0, 0);\n\n    const isActive = !!this.data?.is_active;\n    const action = isActive ? 'cancel' : 'reactivate';\n    const color = isActive ? 'bg-error-10' : 'bg-success-10';\n    const icon = isActive\n      ? svg`<svg class=\"text-error\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 2rem; height: 2rem;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z\" /></svg>`\n      : svg`<svg class=\"text-success\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 2rem; height: 2rem;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99\" /></svg>`;\n\n    return html`\n      <foxy-internal-summary-control infer=\"\" label=\"\" helper-text=\"\">\n        <div class=\"text-center flex flex-col items-center bg-transparent\">\n          <div class=\"rounded-full ${color} p-m mb-s mx-auto\">${icon}</div>\n          <p class=\"font-medium text-xl leading-m\">\n            <foxy-i18n infer=\"\" key=\"${action}_title\"></foxy-i18n>\n          </p>\n          <p class=\"text-secondary leading-s\">\n            <foxy-i18n infer=\"\" key=\"${action}_subtitle\"></foxy-i18n>\n          </p>\n        </div>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"\" label=\"\" helper-text=\"\">\n        ${isActive\n          ? html`\n              <foxy-internal-select-control\n                options=${this.__endDatePresetOptions}\n                layout=\"summary-item\"\n                infer=\"end-date-preset\"\n                .getValue=${this.__endDatePresetGetValue}\n                .setValue=${this.__endDatePresetSetValue}\n              >\n              </foxy-internal-select-control>\n\n              <foxy-internal-date-control\n                layout=\"summary-item\"\n                infer=\"end-date\"\n                min=${serializeDate(tomorrowDate)}\n                hide-clear-button\n                .getValue=${this.__endDateGetValue}\n              >\n              </foxy-internal-date-control>\n            `\n          : html`\n              <foxy-internal-date-control\n                layout=\"summary-item\"\n                infer=\"next-transaction-date\"\n                min=${serializeDate(tomorrowDate)}\n                hide-clear-button\n                .getValue=${this.__nextTransactionDateGetValue}\n              >\n              </foxy-internal-date-control>\n            `}\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"\" label=\"\" helper-text=\"\">\n        ${isActive\n          ? [\n              this.__renderFaq(\n                'cancel_why_not_today',\n                svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"text-error flex-shrink-0\" style=\"width: 1.25em; height: 1.25em;\"><path d=\"M5.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75V12ZM6 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H6ZM7.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75V12ZM8 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H8ZM9.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V10ZM10 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H10ZM9.25 14a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V14ZM12 9.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75H12ZM11.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75V12ZM12 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H12ZM13.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H14a.75.75 0 0 1-.75-.75V10ZM14 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H14Z\" /><path fill-rule=\"evenodd\" d=\"M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z\" clip-rule=\"evenodd\" /></svg>`\n              ),\n              this.__renderFaq(\n                'cancel_whats_next',\n                svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"text-error flex-shrink-0\" style=\"width: 1.25em; height: 1.25em;\"><path d=\"M3.288 4.818A1.5 1.5 0 0 0 1 6.095v7.81a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905c.155-.096.285-.213.389-.344v2.973a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905a1.5 1.5 0 0 0 0-2.552l-6.323-3.906A1.5 1.5 0 0 0 10 6.095v2.972a1.506 1.506 0 0 0-.389-.343L3.288 4.818Z\" /></svg>`\n              ),\n              this.__renderFaq(\n                'cancel_how_to_reactivate',\n                svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"text-error flex-shrink-0\" style=\"width: 1.25em; height: 1.25em;\"><path d=\"M6.111 11.89A5.5 5.5 0 1 1 15.501 8 .75.75 0 0 0 17 8a7 7 0 1 0-11.95 4.95.75.75 0 0 0 1.06-1.06Z\" /><path d=\"M8.232 6.232a2.5 2.5 0 0 0 0 3.536.75.75 0 1 1-1.06 1.06A4 4 0 1 1 14 8a.75.75 0 0 1-1.5 0 2.5 2.5 0 0 0-4.268-1.768Z\" /><path d=\"M10.766 7.51a.75.75 0 0 0-1.37.365l-.492 6.861a.75.75 0 0 0 1.204.65l1.043-.799.985 3.678a.75.75 0 0 0 1.45-.388l-.978-3.646 1.292.204a.75.75 0 0 0 .74-1.16l-3.874-5.764Z\" /></svg>`\n              ),\n            ]\n          : [\n              this.__renderFaq(\n                'reactivate_why_not_today',\n                svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"text-success flex-shrink-0\" style=\"width: 1.25em; height: 1.25em;\"><path d=\"M5.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75V12ZM6 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H6ZM7.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75V12ZM8 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H8ZM9.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V10ZM10 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H10ZM9.25 14a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V14ZM12 9.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75H12ZM11.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75V12ZM12 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H12ZM13.25 10a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H14a.75.75 0 0 1-.75-.75V10ZM14 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H14Z\" /><path fill-rule=\"evenodd\" d=\"M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z\" clip-rule=\"evenodd\" /></svg>`\n              ),\n              this.__renderFaq(\n                'reactivate_whats_next',\n                svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"text-success flex-shrink-0\" style=\"width: 1.25em; height: 1.25em;\"><path d=\"M3.288 4.818A1.5 1.5 0 0 0 1 6.095v7.81a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905c.155-.096.285-.213.389-.344v2.973a1.5 1.5 0 0 0 2.288 1.276l6.323-3.905a1.5 1.5 0 0 0 0-2.552l-6.323-3.906A1.5 1.5 0 0 0 10 6.095v2.972a1.506 1.506 0 0 0-.389-.343L3.288 4.818Z\" /></svg>`\n              ),\n            ]}\n      </foxy-internal-summary-control>\n\n      <vaadin-button\n        theme=\"primary ${isActive ? 'error' : 'success'} large\"\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        @click=${() => this.submit()}\n      >\n        <foxy-i18n infer=\"\" key=\"${action}_submit\"></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  submit(): void {\n    if (this.data?.is_active) {\n      if (this.__endDatePresetGetValue() === 'next_transaction_date') {\n        this.edit({ end_date: this.form.next_transaction_date });\n      }\n    } else {\n      this.edit({\n        next_transaction_date: this.__nextTransactionDateGetValue(),\n        is_active: true,\n        end_date: '0000-00-00',\n      });\n    }\n\n    super.submit();\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    delete edits.end_date_preset;\n    return super._sendPatch(edits);\n  }\n\n  private __renderFaq(prefix: string, icon: SVGTemplateResult) {\n    return html`\n      <div\n        class=\"bg-transparent flex leading-xs\"\n        style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n      >\n        ${icon}\n        <p class=\"grid\">\n          <foxy-i18n class=\"leading-m text-s font-medium\" infer=\"\" key=\"${prefix}_title\">\n          </foxy-i18n>\n          <foxy-i18n class=\"leading-xs text-secondary text-xs\" infer=\"\" key=\"${prefix}_text\">\n          </foxy-i18n>\n        </p>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/index.d.ts

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-button';
+import '../../../../internal/InternalSummaryControl/index';
+import '../../../../internal/InternalSelectControl/index';
+import '../../../../internal/InternalDateControl/index';
+import '../../../../internal/InternalForm/index';
+import '../../../I18n/index';
+import { InternalAdminSubscriptionFormStatusActionForm } from './InternalAdminSubscriptionFormStatusActionForm';
+export { InternalAdminSubscriptionFormStatusActionForm };

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/index.js

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalSummaryControl/index.js";
+import "../../../../internal/InternalSelectControl/index.js";
+import "../../../../internal/InternalDateControl/index.js";
+import "../../../../internal/InternalForm/index.js";
+import "../../../I18n/index.js";
+import { InternalAdminSubscriptionFormStatusActionForm } from "./InternalAdminSubscriptionFormStatusActionForm.js";
+customElements.define('foxy-internal-admin-subscription-form-status-action-form', InternalAdminSubscriptionFormStatusActionForm);
+export { InternalAdminSubscriptionFormStatusActionForm };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,8DAA2D;AAC3D,6DAA0D;AAC1D,2DAAwD;AACxD,oDAAiD;AAEjD,gCAA6B;AAE7B,OAAO,EAAE,6CAA6C,EAAE,2DAAwD;AAEhH,cAAc,CAAC,MAAM,CACnB,0DAA0D,EAC1D,6CAA6C,CAC9C,CAAC;AAEF,OAAO,EAAE,6CAA6C,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../../../internal/InternalSummaryControl/index';\nimport '../../../../internal/InternalSelectControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalForm/index';\n\nimport '../../../I18n/index';\n\nimport { InternalAdminSubscriptionFormStatusActionForm } from './InternalAdminSubscriptionFormStatusActionForm';\n\ncustomElements.define(\n  'foxy-internal-admin-subscription-form-status-action-form',\n  InternalAdminSubscriptionFormStatusActionForm\n);\n\nexport { InternalAdminSubscriptionFormStatusActionForm };\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/types.d.ts

@@ -0,0 +1,5 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.Subscription> & {
+    end_date_preset?: string | null;
+};

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormStatusActionForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Subscription> & { end_date_preset?: string | null };\n"]}

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

@@ -9,7 +9,7 @@ import { DonationSubmitEvent } from './DonationSubmitEvent';
 declare global {
     interface Window {
         FC?: {
-            settings: {
+            settings?: {
                 session_name: string;
                 session_id: string;
             };

package/dist/elements/public/Donation/Donation.js

@@ -356,13 +356,13 @@ export class Donation extends Translatable {
     `;
     }
     connectedCallback() {
-        var _a;
+        var _a, _b;
         super.connectedCallback();
-        if (!((_a = window.FC) === null || _a === void 0 ? void 0 : _a.settings.session_id) && this.__fcSessionPollInterval === null) {
+        if (!((_b = (_a = window.FC) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.session_id) && this.__fcSessionPollInterval === null) {
             this.__fcSessionPollInterval = window.setInterval(() => {
-                var _a, _b;
-                if ((_a = window.FC) === null || _a === void 0 ? void 0 : _a.settings.session_id) {
-                    clearInterval((_b = this.__fcSessionPollInterval) !== null && _b !== void 0 ? _b : void 0);
+                var _a, _b, _c;
+                if ((_b = (_a = window.FC) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.session_id) {
+                    clearInterval((_c = this.__fcSessionPollInterval) !== null && _c !== void 0 ? _c : void 0);
                     this.requestUpdate();
                 }
             }, 1000);
@@ -377,6 +377,7 @@ export class Donation extends Translatable {
         this.dispatchEvent(new DonationChangeEvent(this.__data));
     }
     get __data() {
+        var _a, _b;
         const data = new FormData();
         if (typeof this.designation === 'string') {
             data.set('Designation', this.designation.trim());
@@ -402,8 +403,9 @@ export class Donation extends Translatable {
             data.set('empty', this.empty);
         if (this.anonymous)
             data.set('Anonymous', 'true');
-        if (window.FC)
+        if (((_b = (_a = window.FC) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.session_id) && window.FC.settings.session_name) {
             data.set(window.FC.settings.session_name, window.FC.settings.session_id);
+        }
         data.set('quantity', '1');
         return data;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Donation.js","sourceRoot":"","sources":["../../../../src/elements/public/Donation/Donation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { PropertyDeclarations } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { Translatable } from '../../../mixins/translatable';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { CheckboxChangeEvent, ChoiceChangeEvent, DropdownChangeEvent } from '../../private/events';\nimport { Checkbox, Choice, Dropdown, ErrorScreen, Group, I18N } from '../../private/index';\nimport { DonationChangeEvent } from './DonationChangeEvent';\nimport { DonationSubmitEvent } from './DonationSubmitEvent';\n\ndeclare global {\n  interface Window {\n    FC?: {\n      settings: {\n        session_name: string;\n        session_id: string;\n      };\n    };\n  }\n}\n\ninterface DonationEventsMap {\n  change: typeof DonationChangeEvent;\n  submit: typeof DonationSubmitEvent;\n}\n\n/**\n * A custom element providing customizable donation forms.\n *\n * @fires Donation#change - Instance of `Donation.events.change`. Emitted after user input triggers a change in the form data.\n * @fires Donation#submit - Instance of `Donation.events.submit`. Emitted when the form is submitted. Cancelling this event will stop the submission.\n *\n * @slot amount - Space below the amount selector, if it's visible.\n * @slot designation - Space below the designation selector, if it's visible.\n * @slot comment - Space below the comment field, if it's visible.\n *\n * @element foxy-donation\n * @since 0.3.0\n */\nexport class Donation extends Translatable {\n  /** @readonly */\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'x-error-screen': ErrorScreen,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-dropdown': Dropdown,\n      'x-checkbox': Checkbox,\n      'x-choice': Choice,\n      'x-group': Group,\n      'x-i18n': I18N,\n    };\n  }\n\n  /** @readonly */\n  public static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      currency: { type: String },\n      custom: { type: Array },\n      amount: { type: Number },\n      amounts: { type: Array },\n      frequency: { type: String },\n      frequencies: { type: Array },\n      designation: { type: Array },\n      designations: { type: Array },\n      comment: { type: String },\n      anonymity: { reflect: true, type: Boolean },\n      anonymous: { reflect: true, type: Boolean },\n      image: { type: String },\n      store: { type: String },\n      name: { type: String },\n      code: { type: String },\n      url: { type: String },\n      cart: { type: String },\n      target: { type: String },\n      empty: { type: String },\n    };\n  }\n\n  /** @readonly */\n  public static get events(): DonationEventsMap {\n    return {\n      change: DonationChangeEvent,\n      submit: DonationSubmitEvent,\n    };\n  }\n\n  /**\n   * **Required** 3-letter lowercase currency code.\n   *\n   * **Example:** `\"usd\"`\n   */\n  public currency: null | string = null;\n\n  /**\n   * **Required** donation amount in specified currency. When more than one amount option\n   * is available, this field will contain the selected amount. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `25`\n   */\n  public amount: null | number = null;\n\n  /**\n   * **Required** store domain. This is usually the part after before `.foxycart.com`\n   * and after `https://`, e.g. the `foxy-demo` bit of `https://foxy-demo.foxycart.com`.\n   * Custom domains like `my.domain.example.com` are also supported since v1.6.1.\n   *\n   * **Example:** `\"foxy-demo\"`\n   */\n  public store: null | string = null;\n\n  /**\n   * **Required** product name for this donation. This will show up in the cart when this form is submitted.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"One-time donation\"`\n   */\n  public name: null | string = null;\n\n  /**\n   * Optional parts of the form including a custom (\"other\") option.\n   * Adding `amount` to this array will enable custom amount.\n   *\n   * **Example:** `[\"amount\"]`\n   */\n  public custom: null | 'amount'[] = null;\n\n  /**\n   * Optional donation amount variants. If this property is set, the form will render\n   * the amount selection interface. If this array includes the value of the `amount` property,\n   * it will be pre-selected in the form.\n   *\n   * **Example:** `[25, 50, 75]`\n   */\n  public amounts: null | number[] = null;\n\n  /**\n   * Optional donation frequency string encoded as count (integer) + units (one\n   * of: `d` for days, `w` for weeks, `m` for months, `y` for years). A special\n   * value for twice a month is also supported: `.5m`. If set, the form will\n   * create a subscription with the specified frequency in the cart. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"1m\"`\n   */\n  public frequency: null | string = null;\n\n  /**\n   * Optional donation frequency variants in the same format as `frequency`. If this property is set,\n   * the form will render the frequency selection interface. If this array includes\n   * the value of the `frequency` property, it will be pre-selected in the form.\n   *\n   * **Example:** `[\"7d\", \".5m\", \"1y\"]`\n   */\n  public frequencies: null | string[] = null;\n\n  /**\n   * Optional donation designation(s). The form will serialize and pass this value to the cart\n   * on submission. This value is deliberately not limited to the predefined options:\n   * whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"Medical Care\"`\n   * **Example:** `[\"Medical Care\", \"Daily Meals\"]`\n   */\n  public designation: null | string = null;\n\n  /**\n   * Optional donation designation(s) variants. If this property is set,\n   * the form will render the designation selection interface: multiple choice\n   * if `designation` is an array and a single choice otherwise. All values overlapping\n   * with the `designation` property will be pre-selected in the form.\n   *\n   * **Example:** `[\"Medical Care\", \"Daily Meals\", \"Area of Greatest Need\"]`\n   */\n  public designations: null | string[] = null;\n\n  /**\n   * Optional comment accompanying the donation. If set (even to an empty string),\n   * the form will render a comment field. The value of this property will be updated\n   * as the customer enters their message and will be added to the order as a custom field in the end.\n   *\n   * **Example:** `\"\"`\n   */\n  public comment: null | string = null;\n\n  /**\n   * Optional switch controlling visibility of the anonymity checkbox. If set to `true`, the form\n   * will render the checkbox. All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymity = false;\n\n  /**\n   * Optional switch marking this donation as anonymous via a custom field when set to `true`. When\n   * the anonymity checkbox is rendered, also checks or unchecks it depending on the value.\n   * All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymous = false;\n\n  /**\n   * Optional product image URL (absolute path). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://picsum.photos/320\"`\n   */\n  public image: null | string = null;\n\n  /**\n   * Optional product code for this donation. This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"ISBN 978-0-12-345678-9\"`\n   */\n  public code: null | string = null;\n\n  /**\n   * Optional product URL for this donation. Accepts a full URL to the product page, starting\n   * with `http://` or `https://`, or a relative path to the produt from the store's\n   * domain (as configured in the store settings). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://example.com/my-product\"`\n   */\n  public url: null | string = null;\n\n  /**\n   * Optional cart\n   * If set to 'add' will add items to the cart and, on submit, user is redirected to the cart.\n   * If set to 'checkout', the default, on submit user is redirected to checkout directly\n   */\n  public cart = 'checkout';\n\n  /**\n   * Optional empty\n   * If set to 'true' clears the contents of the cart prior to adding the donation to the cart\n   * If set to 'reset' clears the contents of the cart and cookies prior to adding the donation to the cart\n   */\n  public empty?: string;\n\n  /**\n   * Optional target to display the form response.\n   */\n  public target = '_top';\n\n  private __fcSessionPollInterval: number | null = null;\n\n  public constructor() {\n    super('donation');\n  }\n\n  /** Submits the form, emitting a cancelable `submit` event. */\n  public submit(): void {\n    /* istanbul ignore if  */\n    if (this.dispatchEvent(new DonationSubmitEvent())) this.__form.submit();\n  }\n\n  public render(): TemplateResult {\n    if (!this.currency || !this.amount || !this.store || !this.name) {\n      return html`\n        <x-error-screen data-testid=\"error\" type=\"setup_needed\" class=\"relative\"></x-error-screen>\n      `;\n    }\n\n    const domain = this.store.includes('.') ? this.store : `${this.store}.foxycart.com`;\n\n    return html`\n      <form\n        target=\"${this.target}\"\n        class=\"sr-only\"\n        method=\"POST\"\n        action=\"https://${domain}/cart\"\n        data-testid=\"form\"\n      >\n        ${[...this.__data.entries()].map(\n          ([name, value]) => html`<input type=\"hidden\" name=${name} value=${value} />`\n        )}\n      </form>\n\n      <section>\n        ${this.amounts && this.amounts.length > 0\n          ? html`\n              <x-group frame>\n                <x-i18n ns=${this.ns} lang=${this.lang} key=\"amount\" slot=\"header\"></x-i18n>\n                <x-choice\n                  ?custom=${!!this.custom?.includes('amount')}\n                  .getText=${(v: string) => this.__translateAmount(parseFloat(v))}\n                  .items=${this.amounts.map(String)}\n                  .value=${this.amount.toString()}\n                  type=\"number\"\n                  lang=${this.lang}\n                  min=\"1\"\n                  ns=${this.ns}\n                  data-testid=\"amount\"\n                  @change=${(evt: ChoiceChangeEvent) => {\n                    const value = parseFloat(evt.detail as string);\n                    this.amount = isNaN(value) ? /* istanbul ignore next */ 1 : value;\n                  }}\n                >\n                </x-choice>\n              </x-group>\n\n              <slot name=\"amount\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.designations && this.designations.length > 0\n          ? html`\n              <x-dropdown\n                .label=${this._t('designation').toString()}\n                .items=${this.designations}\n                .value=${Array.isArray(this.designation)\n                  ? '${this.designation[0]}: ${this.designation[1]}'\n                  : this.designation}\n                data-testid=\"designation\"\n                @change=${(evt: DropdownChangeEvent) => {\n                  this.designation = evt.detail as string;\n                }}\n              >\n              </x-dropdown>\n\n              <slot name=\"designation\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${typeof this.comment === 'string'\n          ? html`\n              <vaadin-text-area\n                placeholder=${this._t('comment_placeholder').toString()}\n                value=${this.comment!}\n                label=${this._t('comment_label').toString()}\n                class=\"w-full\"\n                data-testid=\"comment\"\n                @input=${(evt: InputEvent) => {\n                  evt.stopPropagation();\n                  this.comment = (evt.target as HTMLTextAreaElement).value;\n                }}\n              >\n              </vaadin-text-area>\n\n              <slot name=\"comment\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.anonymity\n          ? html`\n              <x-checkbox\n                class=\"my-m\"\n                data-testid=\"anonymity\"\n                ?checked=${this.anonymous}\n                @change=${(evt: CheckboxChangeEvent) => (this.anonymous = evt.detail)}\n              >\n                ${this._t('anonymous')}\n              </x-checkbox>\n            `\n          : ''}\n\n        <div class=\"flex flex-wrap -m-s\">\n          ${this.frequencies && this.frequencies.length > 0\n            ? html`\n                <div class=\"flex-1 p-s\">\n                  <x-dropdown\n                    .value=${this.frequency}\n                    .items=${this.frequencies}\n                    .getText=${this.__translateFrequency.bind(this)}\n                    data-testid=\"frequency\"\n                    @change=${(evt: DropdownChangeEvent) => {\n                      this.frequency = evt.detail as string;\n                    }}\n                  >\n                  </x-dropdown>\n                </div>\n              `\n            : ''}\n\n          <div class=\"flex-1 p-s\">\n            <vaadin-button\n              class=\"w-full\"\n              theme=\"primary\"\n              data-testid=\"submit\"\n              @click=${() => this.submit()}\n            >\n              <x-i18n\n                .opts=${{\n                  amount: this.__translateAmount(this.amount),\n                  frequency: this.frequency ? this.__translateFrequency(this.frequency) : '',\n                }}\n                lang=${this.lang}\n                key=${this.frequency && !this.frequencies?.length ? 'donate_recurrently' : 'donate'}\n                ns=${this.ns}\n              >\n              </x-i18n>\n            </vaadin-button>\n          </div>\n        </div>\n      </section>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (!window.FC?.settings.session_id && this.__fcSessionPollInterval === null) {\n      this.__fcSessionPollInterval = window.setInterval(() => {\n        if (window.FC?.settings.session_id) {\n          clearInterval(this.__fcSessionPollInterval ?? void 0);\n          this.requestUpdate();\n        }\n      }, 1000);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearInterval(this.__fcSessionPollInterval ?? void 0);\n  }\n\n  public updated(): void {\n    this.dispatchEvent(new DonationChangeEvent(this.__data));\n  }\n\n  private get __data() {\n    const data = new FormData();\n\n    if (typeof this.designation === 'string') {\n      data.set('Designation', this.designation.trim());\n    }\n\n    if (typeof this.amount === 'number' && typeof this.currency === 'string') {\n      data.set('price', `${this.amount.toFixed(2)}${this.currency}`);\n    }\n\n    if (this.frequency) data.set('sub_frequency', this.frequency);\n    if (typeof this.comment === 'string') data.set('Comment', this.comment.trim());\n    if (typeof this.image === 'string') data.set('image', this.image);\n    if (typeof this.code === 'string') data.set('code', this.code);\n    if (typeof this.name === 'string') data.set('name', this.name.trim());\n    if (typeof this.url === 'string') data.set('url', this.url);\n    if (typeof this.cart === 'string') data.set('cart', this.cart);\n    if (this.empty) data.set('empty', this.empty);\n    if (this.anonymous) data.set('Anonymous', 'true');\n    if (window.FC) data.set(window.FC.settings.session_name, window.FC.settings.session_id);\n\n    data.set('quantity', '1');\n\n    return data;\n  }\n\n  private get __form(): HTMLFormElement {\n    return this.shadowRoot!.querySelector('form')!;\n  }\n\n  private __translateFrequency(frequency: string) {\n    if (!frequency || frequency.match(/^\\s*$/)) return this._t('frequency_once');\n    if (frequency === '.5m') return this._t('frequency_0_5m');\n\n    const { count, units } = parseDuration(frequency);\n    return this._t('frequency', {\n      units: this._t(units, { count }),\n      count,\n    });\n  }\n\n  private __translateAmount(amount: number) {\n    return amount.toLocaleString(this.lang, {\n      minimumFractionDigits: 0,\n      currency: this.currency!,\n      style: 'currency',\n    });\n  }\n}\n"]}
+{"version":3,"file":"Donation.js","sourceRoot":"","sources":["../../../../src/elements/public/Donation/Donation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { PropertyDeclarations } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { Translatable } from '../../../mixins/translatable';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { CheckboxChangeEvent, ChoiceChangeEvent, DropdownChangeEvent } from '../../private/events';\nimport { Checkbox, Choice, Dropdown, ErrorScreen, Group, I18N } from '../../private/index';\nimport { DonationChangeEvent } from './DonationChangeEvent';\nimport { DonationSubmitEvent } from './DonationSubmitEvent';\n\ndeclare global {\n  interface Window {\n    FC?: {\n      settings?: {\n        session_name: string;\n        session_id: string;\n      };\n    };\n  }\n}\n\ninterface DonationEventsMap {\n  change: typeof DonationChangeEvent;\n  submit: typeof DonationSubmitEvent;\n}\n\n/**\n * A custom element providing customizable donation forms.\n *\n * @fires Donation#change - Instance of `Donation.events.change`. Emitted after user input triggers a change in the form data.\n * @fires Donation#submit - Instance of `Donation.events.submit`. Emitted when the form is submitted. Cancelling this event will stop the submission.\n *\n * @slot amount - Space below the amount selector, if it's visible.\n * @slot designation - Space below the designation selector, if it's visible.\n * @slot comment - Space below the comment field, if it's visible.\n *\n * @element foxy-donation\n * @since 0.3.0\n */\nexport class Donation extends Translatable {\n  /** @readonly */\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'x-error-screen': ErrorScreen,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-dropdown': Dropdown,\n      'x-checkbox': Checkbox,\n      'x-choice': Choice,\n      'x-group': Group,\n      'x-i18n': I18N,\n    };\n  }\n\n  /** @readonly */\n  public static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      currency: { type: String },\n      custom: { type: Array },\n      amount: { type: Number },\n      amounts: { type: Array },\n      frequency: { type: String },\n      frequencies: { type: Array },\n      designation: { type: Array },\n      designations: { type: Array },\n      comment: { type: String },\n      anonymity: { reflect: true, type: Boolean },\n      anonymous: { reflect: true, type: Boolean },\n      image: { type: String },\n      store: { type: String },\n      name: { type: String },\n      code: { type: String },\n      url: { type: String },\n      cart: { type: String },\n      target: { type: String },\n      empty: { type: String },\n    };\n  }\n\n  /** @readonly */\n  public static get events(): DonationEventsMap {\n    return {\n      change: DonationChangeEvent,\n      submit: DonationSubmitEvent,\n    };\n  }\n\n  /**\n   * **Required** 3-letter lowercase currency code.\n   *\n   * **Example:** `\"usd\"`\n   */\n  public currency: null | string = null;\n\n  /**\n   * **Required** donation amount in specified currency. When more than one amount option\n   * is available, this field will contain the selected amount. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `25`\n   */\n  public amount: null | number = null;\n\n  /**\n   * **Required** store domain. This is usually the part after before `.foxycart.com`\n   * and after `https://`, e.g. the `foxy-demo` bit of `https://foxy-demo.foxycart.com`.\n   * Custom domains like `my.domain.example.com` are also supported since v1.6.1.\n   *\n   * **Example:** `\"foxy-demo\"`\n   */\n  public store: null | string = null;\n\n  /**\n   * **Required** product name for this donation. This will show up in the cart when this form is submitted.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"One-time donation\"`\n   */\n  public name: null | string = null;\n\n  /**\n   * Optional parts of the form including a custom (\"other\") option.\n   * Adding `amount` to this array will enable custom amount.\n   *\n   * **Example:** `[\"amount\"]`\n   */\n  public custom: null | 'amount'[] = null;\n\n  /**\n   * Optional donation amount variants. If this property is set, the form will render\n   * the amount selection interface. If this array includes the value of the `amount` property,\n   * it will be pre-selected in the form.\n   *\n   * **Example:** `[25, 50, 75]`\n   */\n  public amounts: null | number[] = null;\n\n  /**\n   * Optional donation frequency string encoded as count (integer) + units (one\n   * of: `d` for days, `w` for weeks, `m` for months, `y` for years). A special\n   * value for twice a month is also supported: `.5m`. If set, the form will\n   * create a subscription with the specified frequency in the cart. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"1m\"`\n   */\n  public frequency: null | string = null;\n\n  /**\n   * Optional donation frequency variants in the same format as `frequency`. If this property is set,\n   * the form will render the frequency selection interface. If this array includes\n   * the value of the `frequency` property, it will be pre-selected in the form.\n   *\n   * **Example:** `[\"7d\", \".5m\", \"1y\"]`\n   */\n  public frequencies: null | string[] = null;\n\n  /**\n   * Optional donation designation(s). The form will serialize and pass this value to the cart\n   * on submission. This value is deliberately not limited to the predefined options:\n   * whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"Medical Care\"`\n   * **Example:** `[\"Medical Care\", \"Daily Meals\"]`\n   */\n  public designation: null | string = null;\n\n  /**\n   * Optional donation designation(s) variants. If this property is set,\n   * the form will render the designation selection interface: multiple choice\n   * if `designation` is an array and a single choice otherwise. All values overlapping\n   * with the `designation` property will be pre-selected in the form.\n   *\n   * **Example:** `[\"Medical Care\", \"Daily Meals\", \"Area of Greatest Need\"]`\n   */\n  public designations: null | string[] = null;\n\n  /**\n   * Optional comment accompanying the donation. If set (even to an empty string),\n   * the form will render a comment field. The value of this property will be updated\n   * as the customer enters their message and will be added to the order as a custom field in the end.\n   *\n   * **Example:** `\"\"`\n   */\n  public comment: null | string = null;\n\n  /**\n   * Optional switch controlling visibility of the anonymity checkbox. If set to `true`, the form\n   * will render the checkbox. All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymity = false;\n\n  /**\n   * Optional switch marking this donation as anonymous via a custom field when set to `true`. When\n   * the anonymity checkbox is rendered, also checks or unchecks it depending on the value.\n   * All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymous = false;\n\n  /**\n   * Optional product image URL (absolute path). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://picsum.photos/320\"`\n   */\n  public image: null | string = null;\n\n  /**\n   * Optional product code for this donation. This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"ISBN 978-0-12-345678-9\"`\n   */\n  public code: null | string = null;\n\n  /**\n   * Optional product URL for this donation. Accepts a full URL to the product page, starting\n   * with `http://` or `https://`, or a relative path to the produt from the store's\n   * domain (as configured in the store settings). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://example.com/my-product\"`\n   */\n  public url: null | string = null;\n\n  /**\n   * Optional cart\n   * If set to 'add' will add items to the cart and, on submit, user is redirected to the cart.\n   * If set to 'checkout', the default, on submit user is redirected to checkout directly\n   */\n  public cart = 'checkout';\n\n  /**\n   * Optional empty\n   * If set to 'true' clears the contents of the cart prior to adding the donation to the cart\n   * If set to 'reset' clears the contents of the cart and cookies prior to adding the donation to the cart\n   */\n  public empty?: string;\n\n  /**\n   * Optional target to display the form response.\n   */\n  public target = '_top';\n\n  private __fcSessionPollInterval: number | null = null;\n\n  public constructor() {\n    super('donation');\n  }\n\n  /** Submits the form, emitting a cancelable `submit` event. */\n  public submit(): void {\n    /* istanbul ignore if  */\n    if (this.dispatchEvent(new DonationSubmitEvent())) this.__form.submit();\n  }\n\n  public render(): TemplateResult {\n    if (!this.currency || !this.amount || !this.store || !this.name) {\n      return html`\n        <x-error-screen data-testid=\"error\" type=\"setup_needed\" class=\"relative\"></x-error-screen>\n      `;\n    }\n\n    const domain = this.store.includes('.') ? this.store : `${this.store}.foxycart.com`;\n\n    return html`\n      <form\n        target=\"${this.target}\"\n        class=\"sr-only\"\n        method=\"POST\"\n        action=\"https://${domain}/cart\"\n        data-testid=\"form\"\n      >\n        ${[...this.__data.entries()].map(\n          ([name, value]) => html`<input type=\"hidden\" name=${name} value=${value} />`\n        )}\n      </form>\n\n      <section>\n        ${this.amounts && this.amounts.length > 0\n          ? html`\n              <x-group frame>\n                <x-i18n ns=${this.ns} lang=${this.lang} key=\"amount\" slot=\"header\"></x-i18n>\n                <x-choice\n                  ?custom=${!!this.custom?.includes('amount')}\n                  .getText=${(v: string) => this.__translateAmount(parseFloat(v))}\n                  .items=${this.amounts.map(String)}\n                  .value=${this.amount.toString()}\n                  type=\"number\"\n                  lang=${this.lang}\n                  min=\"1\"\n                  ns=${this.ns}\n                  data-testid=\"amount\"\n                  @change=${(evt: ChoiceChangeEvent) => {\n                    const value = parseFloat(evt.detail as string);\n                    this.amount = isNaN(value) ? /* istanbul ignore next */ 1 : value;\n                  }}\n                >\n                </x-choice>\n              </x-group>\n\n              <slot name=\"amount\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.designations && this.designations.length > 0\n          ? html`\n              <x-dropdown\n                .label=${this._t('designation').toString()}\n                .items=${this.designations}\n                .value=${Array.isArray(this.designation)\n                  ? '${this.designation[0]}: ${this.designation[1]}'\n                  : this.designation}\n                data-testid=\"designation\"\n                @change=${(evt: DropdownChangeEvent) => {\n                  this.designation = evt.detail as string;\n                }}\n              >\n              </x-dropdown>\n\n              <slot name=\"designation\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${typeof this.comment === 'string'\n          ? html`\n              <vaadin-text-area\n                placeholder=${this._t('comment_placeholder').toString()}\n                value=${this.comment!}\n                label=${this._t('comment_label').toString()}\n                class=\"w-full\"\n                data-testid=\"comment\"\n                @input=${(evt: InputEvent) => {\n                  evt.stopPropagation();\n                  this.comment = (evt.target as HTMLTextAreaElement).value;\n                }}\n              >\n              </vaadin-text-area>\n\n              <slot name=\"comment\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.anonymity\n          ? html`\n              <x-checkbox\n                class=\"my-m\"\n                data-testid=\"anonymity\"\n                ?checked=${this.anonymous}\n                @change=${(evt: CheckboxChangeEvent) => (this.anonymous = evt.detail)}\n              >\n                ${this._t('anonymous')}\n              </x-checkbox>\n            `\n          : ''}\n\n        <div class=\"flex flex-wrap -m-s\">\n          ${this.frequencies && this.frequencies.length > 0\n            ? html`\n                <div class=\"flex-1 p-s\">\n                  <x-dropdown\n                    .value=${this.frequency}\n                    .items=${this.frequencies}\n                    .getText=${this.__translateFrequency.bind(this)}\n                    data-testid=\"frequency\"\n                    @change=${(evt: DropdownChangeEvent) => {\n                      this.frequency = evt.detail as string;\n                    }}\n                  >\n                  </x-dropdown>\n                </div>\n              `\n            : ''}\n\n          <div class=\"flex-1 p-s\">\n            <vaadin-button\n              class=\"w-full\"\n              theme=\"primary\"\n              data-testid=\"submit\"\n              @click=${() => this.submit()}\n            >\n              <x-i18n\n                .opts=${{\n                  amount: this.__translateAmount(this.amount),\n                  frequency: this.frequency ? this.__translateFrequency(this.frequency) : '',\n                }}\n                lang=${this.lang}\n                key=${this.frequency && !this.frequencies?.length ? 'donate_recurrently' : 'donate'}\n                ns=${this.ns}\n              >\n              </x-i18n>\n            </vaadin-button>\n          </div>\n        </div>\n      </section>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (!window.FC?.settings?.session_id && this.__fcSessionPollInterval === null) {\n      this.__fcSessionPollInterval = window.setInterval(() => {\n        if (window.FC?.settings?.session_id) {\n          clearInterval(this.__fcSessionPollInterval ?? void 0);\n          this.requestUpdate();\n        }\n      }, 1000);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearInterval(this.__fcSessionPollInterval ?? void 0);\n  }\n\n  public updated(): void {\n    this.dispatchEvent(new DonationChangeEvent(this.__data));\n  }\n\n  private get __data() {\n    const data = new FormData();\n\n    if (typeof this.designation === 'string') {\n      data.set('Designation', this.designation.trim());\n    }\n\n    if (typeof this.amount === 'number' && typeof this.currency === 'string') {\n      data.set('price', `${this.amount.toFixed(2)}${this.currency}`);\n    }\n\n    if (this.frequency) data.set('sub_frequency', this.frequency);\n    if (typeof this.comment === 'string') data.set('Comment', this.comment.trim());\n    if (typeof this.image === 'string') data.set('image', this.image);\n    if (typeof this.code === 'string') data.set('code', this.code);\n    if (typeof this.name === 'string') data.set('name', this.name.trim());\n    if (typeof this.url === 'string') data.set('url', this.url);\n    if (typeof this.cart === 'string') data.set('cart', this.cart);\n    if (this.empty) data.set('empty', this.empty);\n    if (this.anonymous) data.set('Anonymous', 'true');\n\n    if (window.FC?.settings?.session_id && window.FC.settings.session_name) {\n      data.set(window.FC.settings.session_name, window.FC.settings.session_id);\n    }\n\n    data.set('quantity', '1');\n\n    return data;\n  }\n\n  private get __form(): HTMLFormElement {\n    return this.shadowRoot!.querySelector('form')!;\n  }\n\n  private __translateFrequency(frequency: string) {\n    if (!frequency || frequency.match(/^\\s*$/)) return this._t('frequency_once');\n    if (frequency === '.5m') return this._t('frequency_0_5m');\n\n    const { count, units } = parseDuration(frequency);\n    return this._t('frequency', {\n      units: this._t(units, { count }),\n      count,\n    });\n  }\n\n  private __translateAmount(amount: number) {\n    return amount.toLocaleString(this.lang, {\n      minimumFractionDigits: 0,\n      currency: this.currency!,\n      style: 'currency',\n    });\n  }\n}\n"]}

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

@@ -14,6 +14,8 @@ import { BooleanSelector } from '@foxy.io/sdk/core';
 export declare class FormDialog extends Dialog {
     /** @readonly */
     static get properties(): PropertyDeclarations;
+    /** If true, FormDialog won't show the confirmation dialog when the form is dirty. */
+    noConfirmWhenDirty: boolean;
     /** If true, FormDialog will automatically close after the associated form updates the resource. */
     closeOnPatch: boolean;
     /** If true, FormDialog won't automatically close after the associated form deletes the resource. */

package/dist/elements/public/FormDialog/FormDialog.js

@@ -17,6 +17,8 @@ import { BooleanSelector } from '@foxy.io/sdk/core';
 export class FormDialog extends Dialog {
     constructor() {
         super(...arguments);
+        /** If true, FormDialog won't show the confirmation dialog when the form is dirty. */
+        this.noConfirmWhenDirty = false;
         /** If true, FormDialog will automatically close after the associated form updates the resource. */
         this.closeOnPatch = false;
         /** If true, FormDialog won't automatically close after the associated form deletes the resource. */
@@ -76,6 +78,7 @@ export class FormDialog extends Dialog {
             closeOnPatch: { type: Boolean, attribute: 'close-on-patch' },
             keepOpenOnPost: { type: Boolean, attribute: 'keep-open-on-post' },
             keepOpenOnDelete: { type: Boolean, attribute: 'keep-open-on-delete' },
+            noConfirmWhenDirty: { type: Boolean, attribute: 'no-confirm-when-dirty' },
         };
     }
     get hiddenSelector() {
@@ -150,7 +153,7 @@ export class FormDialog extends Dialog {
     `;
     }
     async hide(cancelled = false) {
-        if (cancelled && this.editable) {
+        if (cancelled && this.editable && !this.noConfirmWhenDirty) {
             const confirm = this.renderRoot.querySelector('#confirm');
             confirm.show();
         }

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

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/elements/public/FormDialog/FormDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '../NucleonElement/API';\nimport { Dialog } from '../../private/Dialog/Dialog';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { FormRenderer } from './types';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { UpdateEvent } from '../NucleonElement/UpdateEvent';\nimport { spread } from '@open-wc/lit-helpers';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\n/**\n * Dialog wrapper for the forms made with NucleonElement.\n *\n * @fires FormDialog#show - Instance of `FormDialog.ShowEvent`. Dispatched after dialog finishes entry transition.\n * @fires FormDialog#hide - Instance of `FormDialog.HideEvent`. Dispatched after dialog finishes exit transition.\n *\n * @element foxy-form-dialog\n * @since 1.1.0\n */\nexport class FormDialog extends Dialog {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      href: { type: String },\n      form: { type: String, noAccessor: true },\n      group: { type: String },\n      props: { type: Object },\n      parent: { type: String },\n      related: { type: Array },\n      closeOnPatch: { type: Boolean, attribute: 'close-on-patch' },\n      keepOpenOnPost: { type: Boolean, attribute: 'keep-open-on-post' },\n      keepOpenOnDelete: { type: Boolean, attribute: 'keep-open-on-delete' },\n    };\n  }\n\n  /** If true, FormDialog will automatically close after the associated form updates the resource. */\n  closeOnPatch = false;\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepOpenOnPost = false;\n\n  /** Optional URI list of the related resources (passed to form). */\n  related: string[] = [];\n\n  /** Optional URL of the collection this resource belongs to (passed to form). */\n  parent = '';\n\n  /** Properties to set on the form element using the `spread()` helper. */\n  props: Record<string, unknown> = {};\n\n  group = '';\n\n  /** Optional URL of the resource to load (passed to form). */\n  href = '';\n\n  private __form: string | null | FormRenderer = null;\n\n  private __renderForm: FormRenderer | null = null;\n\n  private __handleFetch = (evt: Event) => {\n    if (!(evt instanceof FetchEvent)) return;\n\n    evt.stopImmediatePropagation();\n    evt.preventDefault();\n    evt.respondWith(new API(this).fetch(evt.request));\n  };\n\n  private __handleUpdate = (evt: Event) => {\n    if (!(evt instanceof UpdateEvent)) return;\n\n    const result = evt.detail?.result;\n    const Result = UpdateEvent.UpdateResult;\n    const target = evt.currentTarget as NucleonElement<never>;\n\n    if (\n      (!this.keepOpenOnDelete && result === Result.ResourceDeleted) ||\n      (!this.keepOpenOnPost && result === Result.ResourceCreated) ||\n      (this.closeOnPatch && result === Result.ResourceUpdated && target.errors.length === 0)\n    ) {\n      this.open = false;\n    }\n\n    if (this.parent !== target.parent) this.parent = target.parent;\n    if (this.href !== target.href) this.href = target.href;\n\n    this.closable = !target.in('busy');\n    this.editable =\n      target.in({ idle: { template: { dirty: 'valid' } } }) ||\n      target.in({ idle: { snapshot: { dirty: 'valid' } } });\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`submit undo ${super.hiddenSelector}`.trim());\n  }\n\n  /**\n   * Form's custom element tag. Generated custom element will have the following attributes:\n   *\n   * - `parent` – same as `foxy-form-dialog[parent]`;\n   * - `href` – same as `foxy-form-dialog[href]`;\n   * - `lang` – same as `foxy-form-dialog[lang]`;\n   */\n  get form(): string | null | FormRenderer {\n    return this.__form;\n  }\n\n  set form(value: string | null | FormRenderer) {\n    this.__form = value;\n\n    if (typeof value === 'string') {\n      this.__renderForm = new Function(\n        'options',\n        `return options.html\\`\n          <${value}\n            id=\"form\"\n            ns=\"$\\{options.dialog.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            href=\\${options.dialog.href}\n            lang=\\${options.dialog.lang}\n            group=\\${options.dialog.group}\n            parent=\\${options.dialog.parent}\n            disabledcontrols=\\${options.dialog.disabledSelector.toString()}\n            readonlycontrols=\\${options.dialog.readonlySelector.toString()}\n            hiddencontrols=\\${options.dialog.hiddenSelector.toString()}\n            ?disabled=\\${options.dialog.disabled}\n            ?readonly=\\${options.dialog.readonly}\n            ?hidden=\\${options.dialog.hidden}\n            .templates=\\${options.dialog.templates}\n            .related=\\${options.dialog.related}\n            ...=$\\{options.spread(options.dialog.props)}\n            @fetch=\\${options.handleFetch}\n            @update=\\${options.handleUpdate}\n          >\n          </${value}>\\``\n      ) as FormRenderer;\n    } else {\n      this.__renderForm = value;\n    }\n\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"undo_message\"\n        confirm=\"undo_confirm\"\n        cancel=\"undo_cancel\"\n        header=\"undo_header\"\n        theme=\"error\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && super.hide(true)}\n      >\n      </foxy-internal-confirm-dialog>\n\n      ${super.render(() => {\n        return html`${this.__renderForm?.({\n          handleUpdate: this.__handleUpdate,\n          handleFetch: this.__handleFetch,\n          spread: spread,\n          dialog: this,\n          html,\n        })}`;\n      })}\n    `;\n  }\n\n  async hide(cancelled = false): Promise<void> {\n    if (cancelled && this.editable) {\n      const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n      confirm.show();\n    } else {\n      return super.hide(cancelled);\n    }\n  }\n\n  /** Submits the form. */\n  async save(): Promise<void> {\n    (this.renderRoot.querySelector('#form') as NucleonElement<never>).submit();\n  }\n}\n"]}
+{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/elements/public/FormDialog/FormDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '../NucleonElement/API';\nimport { Dialog } from '../../private/Dialog/Dialog';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { FormRenderer } from './types';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { UpdateEvent } from '../NucleonElement/UpdateEvent';\nimport { spread } from '@open-wc/lit-helpers';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\n/**\n * Dialog wrapper for the forms made with NucleonElement.\n *\n * @fires FormDialog#show - Instance of `FormDialog.ShowEvent`. Dispatched after dialog finishes entry transition.\n * @fires FormDialog#hide - Instance of `FormDialog.HideEvent`. Dispatched after dialog finishes exit transition.\n *\n * @element foxy-form-dialog\n * @since 1.1.0\n */\nexport class FormDialog extends Dialog {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      href: { type: String },\n      form: { type: String, noAccessor: true },\n      group: { type: String },\n      props: { type: Object },\n      parent: { type: String },\n      related: { type: Array },\n      closeOnPatch: { type: Boolean, attribute: 'close-on-patch' },\n      keepOpenOnPost: { type: Boolean, attribute: 'keep-open-on-post' },\n      keepOpenOnDelete: { type: Boolean, attribute: 'keep-open-on-delete' },\n      noConfirmWhenDirty: { type: Boolean, attribute: 'no-confirm-when-dirty' },\n    };\n  }\n\n  /** If true, FormDialog won't show the confirmation dialog when the form is dirty. */\n  noConfirmWhenDirty = false;\n\n  /** If true, FormDialog will automatically close after the associated form updates the resource. */\n  closeOnPatch = false;\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepOpenOnPost = false;\n\n  /** Optional URI list of the related resources (passed to form). */\n  related: string[] = [];\n\n  /** Optional URL of the collection this resource belongs to (passed to form). */\n  parent = '';\n\n  /** Properties to set on the form element using the `spread()` helper. */\n  props: Record<string, unknown> = {};\n\n  group = '';\n\n  /** Optional URL of the resource to load (passed to form). */\n  href = '';\n\n  private __form: string | null | FormRenderer = null;\n\n  private __renderForm: FormRenderer | null = null;\n\n  private __handleFetch = (evt: Event) => {\n    if (!(evt instanceof FetchEvent)) return;\n\n    evt.stopImmediatePropagation();\n    evt.preventDefault();\n    evt.respondWith(new API(this).fetch(evt.request));\n  };\n\n  private __handleUpdate = (evt: Event) => {\n    if (!(evt instanceof UpdateEvent)) return;\n\n    const result = evt.detail?.result;\n    const Result = UpdateEvent.UpdateResult;\n    const target = evt.currentTarget as NucleonElement<never>;\n\n    if (\n      (!this.keepOpenOnDelete && result === Result.ResourceDeleted) ||\n      (!this.keepOpenOnPost && result === Result.ResourceCreated) ||\n      (this.closeOnPatch && result === Result.ResourceUpdated && target.errors.length === 0)\n    ) {\n      this.open = false;\n    }\n\n    if (this.parent !== target.parent) this.parent = target.parent;\n    if (this.href !== target.href) this.href = target.href;\n\n    this.closable = !target.in('busy');\n    this.editable =\n      target.in({ idle: { template: { dirty: 'valid' } } }) ||\n      target.in({ idle: { snapshot: { dirty: 'valid' } } });\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`submit undo ${super.hiddenSelector}`.trim());\n  }\n\n  /**\n   * Form's custom element tag. Generated custom element will have the following attributes:\n   *\n   * - `parent` – same as `foxy-form-dialog[parent]`;\n   * - `href` – same as `foxy-form-dialog[href]`;\n   * - `lang` – same as `foxy-form-dialog[lang]`;\n   */\n  get form(): string | null | FormRenderer {\n    return this.__form;\n  }\n\n  set form(value: string | null | FormRenderer) {\n    this.__form = value;\n\n    if (typeof value === 'string') {\n      this.__renderForm = new Function(\n        'options',\n        `return options.html\\`\n          <${value}\n            id=\"form\"\n            ns=\"$\\{options.dialog.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            href=\\${options.dialog.href}\n            lang=\\${options.dialog.lang}\n            group=\\${options.dialog.group}\n            parent=\\${options.dialog.parent}\n            disabledcontrols=\\${options.dialog.disabledSelector.toString()}\n            readonlycontrols=\\${options.dialog.readonlySelector.toString()}\n            hiddencontrols=\\${options.dialog.hiddenSelector.toString()}\n            ?disabled=\\${options.dialog.disabled}\n            ?readonly=\\${options.dialog.readonly}\n            ?hidden=\\${options.dialog.hidden}\n            .templates=\\${options.dialog.templates}\n            .related=\\${options.dialog.related}\n            ...=$\\{options.spread(options.dialog.props)}\n            @fetch=\\${options.handleFetch}\n            @update=\\${options.handleUpdate}\n          >\n          </${value}>\\``\n      ) as FormRenderer;\n    } else {\n      this.__renderForm = value;\n    }\n\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"undo_message\"\n        confirm=\"undo_confirm\"\n        cancel=\"undo_cancel\"\n        header=\"undo_header\"\n        theme=\"error\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && super.hide(true)}\n      >\n      </foxy-internal-confirm-dialog>\n\n      ${super.render(() => {\n        return html`${this.__renderForm?.({\n          handleUpdate: this.__handleUpdate,\n          handleFetch: this.__handleFetch,\n          spread: spread,\n          dialog: this,\n          html,\n        })}`;\n      })}\n    `;\n  }\n\n  async hide(cancelled = false): Promise<void> {\n    if (cancelled && this.editable && !this.noConfirmWhenDirty) {\n      const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n      confirm.show();\n    } else {\n      return super.hide(cancelled);\n    }\n  }\n\n  /** Submits the form. */\n  async save(): Promise<void> {\n    (this.renderRoot.querySelector('#form') as NucleonElement<never>).submit();\n  }\n}\n"]}

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

@@ -37,6 +37,7 @@ export declare class PaymentsApiPaymentMethodForm extends Base<Data> {
     private readonly __threeDSecureToggleSetValue;
     private readonly __threeDSecureToggleOptions;
     private readonly __cardVerificationOptions;
+    private __search;
     get hiddenSelector(): BooleanSelector;
     renderHeader(...params: Parameters<InternalForm<Data>['renderHeader']>): TemplateResult;
     get headerTitleOptions(): Record<string, unknown>;