@foxy.io/elements 1.18.0-beta.14 → 1.18.0-beta.15

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

@@ -0,0 +1,10 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class TemplateSetCard extends Base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/TemplateSetCard/TemplateSetCard.js

@@ -0,0 +1,18 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+const NS = 'template-set-card';
+const Base = TranslatableMixin(InternalCard, NS);
+export class TemplateSetCard extends Base {
+    renderBody() {
+        var _a;
+        const { description = '', code = '' } = (_a = this.data) !== null && _a !== void 0 ? _a : {};
+        return html `
+      <div class="flex justify-between gap-s">
+        <span class="font-semibold truncate flex-shrink-0">${description}&ZeroWidthSpace;</span>
+        <span class="truncate text-tertiary">${code}&ZeroWidthSpace;</span>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=TemplateSetCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSetCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetCard/TemplateSetCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAC7C,UAAU;;QACR,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,SAAG,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QAExD,OAAO,IAAI,CAAA;;6DAE8C,WAAW;+CACzB,IAAI;;KAE9C,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nconst NS = 'template-set-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\nexport class TemplateSetCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    const { description = '', code = '' } = this.data ?? {};\n\n    return html`\n      <div class=\"flex justify-between gap-s\">\n        <span class=\"font-semibold truncate flex-shrink-0\">${description}&ZeroWidthSpace;</span>\n        <span class=\"truncate text-tertiary\">${code}&ZeroWidthSpace;</span>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import '../../internal/InternalCard/index';
+import { TemplateSetCard } from './TemplateSetCard';
+export { TemplateSetCard };

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

@@ -0,0 +1,5 @@
+import "../../internal/InternalCard/index.js";
+import { TemplateSetCard } from "./TemplateSetCard.js";
+customElements.define('foxy-template-set-card', TemplateSetCard);
+export { TemplateSetCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { TemplateSetCard } from './TemplateSetCard';\n\ncustomElements.define('foxy-template-set-card', TemplateSetCard);\n\nexport { TemplateSetCard };\n"]}

package/dist/elements/public/TemplateSetCard/types.d.ts

@@ -0,0 +1,3 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.TemplateSet>;

package/dist/elements/public/TemplateSetCard/types.js

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

package/dist/elements/public/TemplateSetCard/types.js.map

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

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

@@ -1,9 +1,8 @@
-import type { ComputedElementProperties, NucleonV8N } from '../NucleonElement/types';
 import type { CSSResultArray, PropertyDeclarations } from 'lit-element';
 import type { PaymentsApiPaymentPresetForm } from '../PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm';
 import type { TemplateConfigForm } from '../TemplateConfigForm/TemplateConfigForm';
-import type { Nucleon } from '@foxy.io/sdk/core';
 import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
 import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
@@ -14,31 +13,13 @@ export declare class TemplateSetForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResultArray;
     static get v8n(): NucleonV8N<Data>;
-    getFraudProtectionImageSrc: ((type: string) => string) | null;
-    getPaymentMethodImageSrc: ((type: string) => string) | null;
-    cartIncludeTemplates: string | null;
     paymentMethodSets: string | null;
-    checkoutTemplates: string | null;
-    receiptTemplates: string | null;
-    templateConfigs: string | null;
-    emailTemplates: string | null;
-    cartTemplates: string | null;
     localeCodes: string | null;
     languages: string | null;
-    /** URI of the `fx:countries` hAPI resource. */
-    countries: string | null;
-    /** URI of the `fx:regions` hAPI resource. */
-    regions: string | null;
     get hiddenSelector(): BooleanSelector;
     get readonlySelector(): BooleanSelector;
     get templateConfigForm(): TemplateConfigForm | null;
     get paymentsApiPaymentPresetForm(): PaymentsApiPaymentPresetForm | null;
     renderBody(): TemplateResult;
-    in<TStateValue extends Nucleon.State<Data, string>['value']>(stateValue: TStateValue): this is this & ComputedElementProperties<Data, TStateValue>;
-    submit(): void;
-    undo(): void;
-    protected _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult>;
-    private __renderPaymentMethods;
-    private __renderTemplates;
 }
 export {};

package/dist/elements/public/TemplateSetForm/TemplateSetForm.js

@@ -1,50 +1,23 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
-import { getDefaultJSON } from "../TemplateConfigForm/defaults.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html, css } from 'lit-element';
-import { classMap } from "../../../utils/class-map.js";
-import { spread } from '@open-wc/lit-helpers';
-import get from 'lodash-es/get';
 const NS = 'template-set-form';
 const Base = TranslatableMixin(InternalForm, NS);
 export class TemplateSetForm extends Base {
     constructor() {
         super(...arguments);
-        this.getFraudProtectionImageSrc = null;
-        this.getPaymentMethodImageSrc = null;
-        this.cartIncludeTemplates = null;
         this.paymentMethodSets = null;
-        this.checkoutTemplates = null;
-        this.receiptTemplates = null;
-        this.templateConfigs = null;
-        this.emailTemplates = null;
-        this.cartTemplates = null;
         this.localeCodes = null;
         this.languages = null;
-        /** URI of the `fx:countries` hAPI resource. */
-        this.countries = null;
-        /** URI of the `fx:regions` hAPI resource. */
-        this.regions = null;
     }
     static get properties() {
         return {
             ...super.properties,
-            getFraudProtectionImageSrc: { attribute: false },
-            getPaymentMethodImageSrc: { attribute: false },
-            cartIncludeTemplates: { attribute: 'cart-include-templates' },
             paymentMethodSets: { attribute: 'payment-method-sets' },
-            checkoutTemplates: { attribute: 'checkout-templates' },
-            receiptTemplates: { attribute: 'receipt-templates' },
-            templateConfigs: { attribute: 'template-configs' },
-            emailTemplates: { attribute: 'email-templates' },
-            cartTemplates: { attribute: 'cart-templates' },
             localeCodes: { attribute: 'locale-codes' },
             languages: {},
-            countries: {},
-            regions: {},
-            __selectedTab: { attribute: false },
         };
     }
     static get styles() {
@@ -104,7 +77,7 @@ export class TemplateSetForm extends Base {
         return this.renderRoot.querySelector('foxy-payments-api-payment-preset-form');
     }
     renderBody() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         const localeCodesLoader = this.renderRoot.querySelector('#localeCodes');
         const localeCodes = localeCodesLoader === null || localeCodesLoader === void 0 ? void 0 : localeCodesLoader.data;
         const localeCodeEntries = Object.entries((_a = localeCodes === null || localeCodes === void 0 ? void 0 : localeCodes.values) !== null && _a !== void 0 ? _a : {});
@@ -113,7 +86,8 @@ export class TemplateSetForm extends Base {
         const languages = languagesLoader === null || languagesLoader === void 0 ? void 0 : languagesLoader.data;
         const languageEntries = Object.entries((_b = languages === null || languages === void 0 ? void 0 : languages.values) !== null && _b !== void 0 ? _b : {});
         const languageOptions = languageEntries.map(([value, label]) => ({ value, label }));
-        const constructor = this.constructor;
+        const paymentMethodSetLoader = this.renderRoot.querySelector('#paymentMethodSet');
+        const paymentMethodSet = paymentMethodSetLoader === null || paymentMethodSetLoader === void 0 ? void 0 : paymentMethodSetLoader.data;
         return html `
       <foxy-nucleon
         class="hidden"
@@ -133,6 +107,15 @@ export class TemplateSetForm extends Base {
       >
       </foxy-nucleon>
 
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.form.payment_method_set_uri)}
+        id="paymentMethodSet"
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
       <div class="grid grid-cols-1 gap-l">
         <div class="grid grid-cols-16rem gap-m">
           <foxy-internal-text-control infer="description"></foxy-internal-text-control>
@@ -143,218 +126,20 @@ export class TemplateSetForm extends Base {
 
           <foxy-internal-select-control infer="locale-code" .options=${localeCodeOptions}>
           </foxy-internal-select-control>
-        </div>
 
-        ${this.data
-            ? html `
-              <foxy-template-config-form
-                countries=${ifDefined((_e = this.countries) !== null && _e !== void 0 ? _e : void 0)}
-                regions=${ifDefined((_f = this.regions) !== null && _f !== void 0 ? _f : void 0)}
-                infer="config"
-                href=${
-            // @ts-expect-error SDK types are incomplete
-            this.data._links['fx:template_config'].href}
-                id="config"
-                @update=${() => this.dispatchEvent(new constructor.UpdateEvent())}
-              >
-                ${this.__renderPaymentMethods()} ${this.__renderTemplates()}
-              </foxy-template-config-form>
-            `
-            : ''}
+          <foxy-internal-async-combo-box-control
+            item-label-path="description"
+            item-id-path="_links.self.href"
+            infer="payment-method-set-uri"
+            first=${this.paymentMethodSets}
+            .selectedItem=${paymentMethodSet}
+          >
+          </foxy-internal-async-combo-box-control>
+        </div>
       </div>
 
       ${super.renderBody()}
     `;
     }
-    in(stateValue) {
-        const { paymentsApiPaymentPresetForm, templateConfigForm } = this;
-        return (super.in(stateValue) ||
-            !!(paymentsApiPaymentPresetForm === null || paymentsApiPaymentPresetForm === void 0 ? void 0 : paymentsApiPaymentPresetForm.in(stateValue)) ||
-            !!(templateConfigForm === null || templateConfigForm === void 0 ? void 0 : templateConfigForm.in(stateValue)));
-    }
-    submit() {
-        var _a, _b;
-        (_a = this.paymentsApiPaymentPresetForm) === null || _a === void 0 ? void 0 : _a.submit();
-        (_b = this.templateConfigForm) === null || _b === void 0 ? void 0 : _b.submit();
-        super.submit();
-    }
-    undo() {
-        var _a, _b;
-        (_a = this.paymentsApiPaymentPresetForm) === null || _a === void 0 ? void 0 : _a.undo();
-        (_b = this.templateConfigForm) === null || _b === void 0 ? void 0 : _b.undo();
-        super.undo();
-    }
-    async _fetch(...args) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const url = typeof args[0] === 'string' ? args[0] : args[0].url;
-        const method = typeof args[0] === 'string' ? (_a = args[1]) === null || _a === void 0 ? void 0 : _a.method : args[0].method;
-        const fetch = super._fetch.bind(this);
-        if (url === this.href && method === 'DELETE') {
-            const data = await fetch(this.href);
-            const sources = [
-                data._links['fx:cart_include_template'].href,
-                data._links['fx:cart_template'].href,
-                data._links['fx:receipt_template'].href,
-                data._links['fx:checkout_template'].href,
-                data._links['fx:email_template'].href,
-                // TODO remove the directive below once SDK is updated
-                // @ts-expect-error SDK types are incomplete
-                data._links['fx:payment_method_set'].href,
-                // TODO remove the directive below once SDK is updated
-                // @ts-expect-error SDK types are incomplete
-                data._links['fx:template_config'].href,
-            ];
-            const originalResult = await fetch(...args);
-            const deletionResults = await Promise.allSettled(sources.map(source => fetch(source, { method: 'DELETE' })));
-            const rumour = this.constructor.Rumour(this.group);
-            queueMicrotask(() => sources.forEach((source, index) => {
-                const deletionResult = deletionResults[index];
-                if (deletionResult.status === 'fulfilled')
-                    rumour.share({ data: null, source });
-            }));
-            return originalResult;
-        }
-        if (url === this.parent && method === 'POST') {
-            const code = this.form.code;
-            const createIfUndefined = async ({ formEntry, collectionUrl, body }) => {
-                if (typeof formEntry === 'string')
-                    return formEntry;
-                const data = await fetch(collectionUrl, {
-                    method: 'POST',
-                    body: JSON.stringify(body),
-                });
-                const source = data._links.self.href;
-                const rumour = this.constructor.Rumour(this.group);
-                rumour.share({ data, source, related: [collectionUrl] });
-                return source;
-            };
-            const uris = await Promise.all([
-                createIfUndefined({
-                    collectionUrl: (_b = this.cartIncludeTemplates) !== null && _b !== void 0 ? _b : '',
-                    formEntry: this.form.cart_include_template_uri,
-                    body: { description: `Cart include template for template set ${code}` },
-                }),
-                createIfUndefined({
-                    collectionUrl: (_c = this.cartTemplates) !== null && _c !== void 0 ? _c : '',
-                    formEntry: this.form.cart_template_uri,
-                    body: { description: `Cart template for template set ${code}` },
-                }),
-                createIfUndefined({
-                    collectionUrl: (_d = this.receiptTemplates) !== null && _d !== void 0 ? _d : '',
-                    formEntry: this.form.receipt_template_uri,
-                    body: { description: `Web receipt template for template set ${code}` },
-                }),
-                createIfUndefined({
-                    collectionUrl: (_e = this.checkoutTemplates) !== null && _e !== void 0 ? _e : '',
-                    formEntry: this.form.checkout_template_uri,
-                    body: { description: `Checkout template for template set ${code}` },
-                }),
-                createIfUndefined({
-                    collectionUrl: (_f = this.emailTemplates) !== null && _f !== void 0 ? _f : '',
-                    formEntry: this.form.email_template_uri,
-                    body: { description: `Email receipt template for template set ${code}` },
-                }),
-                createIfUndefined({
-                    collectionUrl: (_g = this.paymentMethodSets) !== null && _g !== void 0 ? _g : '',
-                    formEntry: this.form.payment_method_set_uri,
-                    body: { description: `Payment method set for template set ${code}` },
-                }),
-                createIfUndefined({
-                    collectionUrl: (_h = this.templateConfigs) !== null && _h !== void 0 ? _h : '',
-                    // TODO remove the directive below once SDK is updated
-                    // @ts-expect-error SDK types are incomplete
-                    formEntry: this.form.template_config_uri,
-                    body: {
-                        description: `Template config for template set ${code}`,
-                        json: JSON.stringify(getDefaultJSON()),
-                    },
-                }),
-            ]);
-            const newBody = JSON.stringify({
-                ...this.form,
-                cart_include_template_uri: uris[0],
-                cart_template_uri: uris[1],
-                receipt_template_uri: uris[2],
-                checkout_template_uri: uris[3],
-                email_template_uri: uris[4],
-                payment_method_set_uri: uris[5],
-                template_config_uri: uris[6],
-            });
-            return fetch(this.parent, { method: 'POST', body: newBody });
-        }
-        return fetch(...args);
-    }
-    __renderPaymentMethods() {
-        var _a;
-        const constructor = this.constructor;
-        let paymentPresetUrl;
-        try {
-            const id = new URL((_a = this.form.payment_method_set_uri) !== null && _a !== void 0 ? _a : '').pathname.split('/').pop();
-            paymentPresetUrl = `https://foxy-payments-api.element/payment_presets/${id}`;
-        }
-        catch (_b) {
-            paymentPresetUrl = undefined;
-        }
-        return html `
-      <foxy-payments-api-payment-preset-form
-        infer="payment-method-set-uri"
-        class="mt-l"
-        href=${ifDefined(paymentPresetUrl)}
-        slot="cards:after"
-        .getFraudProtectionImageSrc=${this.getFraudProtectionImageSrc}
-        .getPaymentMethodImageSrc=${this.getPaymentMethodImageSrc}
-        @update=${() => this.dispatchEvent(new constructor.UpdateEvent())}
-      >
-      </foxy-payments-api-payment-preset-form>
-    `;
-    }
-    __renderTemplates() {
-        return html `
-      <div class="grid grid-cols-1 gap-s mt-l" slot="troubleshooting:after">
-        <foxy-i18n class="text-s font-medium text-secondary" infer="" key="templates_title">
-        </foxy-i18n>
-
-        <div class="grid grid-cols-1 divide-y divide-contrast-5">
-          ${['cart', 'cart_include', 'checkout', 'receipt', 'email'].map((type, index, array) => {
-            const form = `foxy${type === 'email' ? '-email' : ''}-template-form`;
-            const formKey = `${type}_template_uri`;
-            const templateHref = get(this.form, formKey);
-            const cardProps = spread({
-                infer: formKey.replace(/_/g, '-'),
-                href: templateHref,
-            });
-            return html `
-              <vaadin-button
-                theme="contrast"
-                class=${classMap({
-                'rounded-none': true,
-                'rounded-t-l': index === 0,
-                'rounded-b-l': index === array.length - 1,
-            })}
-                @click=${(evt) => {
-                const button = evt.currentTarget;
-                const dialog = button.querySelector('foxy-form-dialog');
-                dialog === null || dialog === void 0 ? void 0 : dialog.show(button);
-            }}
-              >
-                <foxy-form-dialog
-                  header="${formKey}_header"
-                  infer="template-dialog"
-                  form=${form}
-                  href=${ifDefined(templateHref)}
-                >
-                </foxy-form-dialog>
-                ${type === 'email'
-                ? html `<foxy-email-template-card ...=${cardProps}></foxy-email-template-card>`
-                : html `<foxy-template-card ...=${cardProps}></foxy-template-card>`}
-              </vaadin-button>
-            `;
-        })}
-        </div>
-
-        <foxy-i18n class="text-xs text-secondary" infer="" key="templates_helper_text"> </foxy-i18n>
-      </div>
-    `;
-    }
 }
 //# sourceMappingURL=TemplateSetForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateSetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/TemplateSetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComputedElementProperties, NucleonV8N } from '../NucleonElement/types';\nimport type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { PaymentsApiPaymentPresetForm } from '../PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm';\nimport type { TemplateConfigForm } from '../TemplateConfigForm/TemplateConfigForm';\nimport type { Nucleon, Resource } from '@foxy.io/sdk/core';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../FormDialog/FormDialog';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { getDefaultJSON } from '../TemplateConfigForm/defaults';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, css } from 'lit-element';\nimport { classMap } from '../../../utils/class-map';\nimport { spread } from '@open-wc/lit-helpers';\n\nimport get from 'lodash-es/get';\n\nconst NS = 'template-set-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class TemplateSetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getFraudProtectionImageSrc: { attribute: false },\n      getPaymentMethodImageSrc: { attribute: false },\n      cartIncludeTemplates: { attribute: 'cart-include-templates' },\n      paymentMethodSets: { attribute: 'payment-method-sets' },\n      checkoutTemplates: { attribute: 'checkout-templates' },\n      receiptTemplates: { attribute: 'receipt-templates' },\n      templateConfigs: { attribute: 'template-configs' },\n      emailTemplates: { attribute: 'email-templates' },\n      cartTemplates: { attribute: 'cart-templates' },\n      localeCodes: { attribute: 'locale-codes' },\n      languages: {},\n      countries: {},\n      regions: {},\n      __selectedTab: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        vaadin-button::part(label) {\n          flex: 1;\n          padding: 0;\n        }\n\n        .grid-cols-16rem {\n          grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n        }\n      `,\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      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (!!v && v.length <= 50) || 'code:v8n_too_long',\n      ({ language: v }) => !!v || 'language:v8n_required',\n      ({ locale_code: v }) => !!v || 'locale_code:v8n_required',\n    ];\n  }\n\n  getFraudProtectionImageSrc: ((type: string) => string) | null = null;\n\n  getPaymentMethodImageSrc: ((type: string) => string) | null = null;\n\n  cartIncludeTemplates: string | null = null;\n\n  paymentMethodSets: string | null = null;\n\n  checkoutTemplates: string | null = null;\n\n  receiptTemplates: string | null = null;\n\n  templateConfigs: string | null = null;\n\n  emailTemplates: string | null = null;\n\n  cartTemplates: string | null = null;\n\n  localeCodes: string | null = null;\n\n  languages: string | null = null;\n\n  /** URI of the `fx:countries` hAPI resource. */\n  countries: string | null = null;\n\n  /** URI of the `fx:regions` hAPI resource. */\n  regions: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden = [\n      'cart-template-uri:not=content',\n      'cart-include-template-uri:not=content',\n      'email-template-uri:not=content,template-language',\n      'checkout-template-uri:not=content',\n      'receipt-template-uri:not=content',\n      'config:payment-method-set-uri:delete',\n      'config:payment-method-set-uri:create',\n      'config:payment-method-set-uri:timestamps',\n      'config:payment-method-set-uri:description',\n      'config:template-dialog:description',\n      'config:template-dialog:delete',\n    ];\n\n    if (this.data?.code === 'DEFAULT') alwaysHidden.push('delete');\n\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector.toString()}`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysReadonly.push('code', 'description');\n    return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector.toString()}`);\n  }\n\n  get templateConfigForm(): TemplateConfigForm | null {\n    return this.renderRoot.querySelector('foxy-template-config-form');\n  }\n\n  get paymentsApiPaymentPresetForm(): PaymentsApiPaymentPresetForm | null {\n    return this.renderRoot.querySelector('foxy-payments-api-payment-preset-form');\n  }\n\n  renderBody(): TemplateResult {\n    type LocaleCodesLoader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    type LanguagesLoader = NucleonElement<Resource<Rels.Languages>>;\n\n    const localeCodesLoader = this.renderRoot.querySelector<LocaleCodesLoader>('#localeCodes');\n    const localeCodes = localeCodesLoader?.data;\n    const localeCodeEntries = Object.entries(localeCodes?.values ?? {});\n    const localeCodeOptions = localeCodeEntries.map(([value, label]) => ({ value, label }));\n\n    const languagesLoader = this.renderRoot.querySelector<LanguagesLoader>('#languages');\n    const languages = languagesLoader?.data;\n    const languageEntries = Object.entries(languages?.values ?? {});\n    const languageOptions = languageEntries.map(([value, label]) => ({ value, label }));\n\n    const constructor = this.constructor as typeof TemplateSetForm;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.languages ?? undefined)}\n        id=\"languages\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.localeCodes ?? undefined)}\n        id=\"localeCodes\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-1 gap-l\">\n        <div class=\"grid grid-cols-16rem gap-m\">\n          <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n          <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n\n          <foxy-internal-select-control infer=\"language\" .options=${languageOptions}>\n          </foxy-internal-select-control>\n\n          <foxy-internal-select-control infer=\"locale-code\" .options=${localeCodeOptions}>\n          </foxy-internal-select-control>\n        </div>\n\n        ${this.data\n          ? html`\n              <foxy-template-config-form\n                countries=${ifDefined(this.countries ?? void 0)}\n                regions=${ifDefined(this.regions ?? void 0)}\n                infer=\"config\"\n                href=${\n                  // @ts-expect-error SDK types are incomplete\n                  this.data._links['fx:template_config'].href\n                }\n                id=\"config\"\n                @update=${() => this.dispatchEvent(new constructor.UpdateEvent())}\n              >\n                ${this.__renderPaymentMethods()} ${this.__renderTemplates()}\n              </foxy-template-config-form>\n            `\n          : ''}\n      </div>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  in<TStateValue extends Nucleon.State<Data, string>['value']>(\n    stateValue: TStateValue\n  ): this is this & ComputedElementProperties<Data, TStateValue> {\n    const { paymentsApiPaymentPresetForm, templateConfigForm } = this;\n    return (\n      super.in(stateValue) ||\n      !!paymentsApiPaymentPresetForm?.in(stateValue) ||\n      !!templateConfigForm?.in(stateValue)\n    );\n  }\n\n  submit(): void {\n    this.paymentsApiPaymentPresetForm?.submit();\n    this.templateConfigForm?.submit();\n    super.submit();\n  }\n\n  undo(): void {\n    this.paymentsApiPaymentPresetForm?.undo();\n    this.templateConfigForm?.undo();\n    super.undo();\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const url = typeof args[0] === 'string' ? args[0] : args[0].url;\n    const method = typeof args[0] === 'string' ? args[1]?.method : args[0].method;\n    const fetch = super._fetch.bind(this);\n\n    if (url === this.href && method === 'DELETE') {\n      const data = await fetch(this.href);\n\n      const sources = [\n        data._links['fx:cart_include_template'].href,\n        data._links['fx:cart_template'].href,\n        data._links['fx:receipt_template'].href,\n        data._links['fx:checkout_template'].href,\n        data._links['fx:email_template'].href,\n\n        // TODO remove the directive below once SDK is updated\n        // @ts-expect-error SDK types are incomplete\n        data._links['fx:payment_method_set'].href,\n\n        // TODO remove the directive below once SDK is updated\n        // @ts-expect-error SDK types are incomplete\n        data._links['fx:template_config'].href,\n      ];\n\n      const originalResult = await fetch<TResult>(...args);\n      const deletionResults = await Promise.allSettled(\n        sources.map(source => fetch(source, { method: 'DELETE' }))\n      );\n\n      const rumour = (this.constructor as typeof TemplateSetForm).Rumour(this.group);\n\n      queueMicrotask(() =>\n        sources.forEach((source, index) => {\n          const deletionResult = deletionResults[index];\n          if (deletionResult.status === 'fulfilled') rumour.share({ data: null, source });\n        })\n      );\n\n      return originalResult;\n    }\n\n    if (url === this.parent && method === 'POST') {\n      const code = this.form.code;\n\n      type Params = {\n        collectionUrl: string;\n        formEntry: string | undefined;\n        body: Record<string, unknown>;\n      };\n\n      const createIfUndefined = async ({ formEntry, collectionUrl, body }: Params) => {\n        if (typeof formEntry === 'string') return formEntry;\n\n        const data = await fetch(collectionUrl, {\n          method: 'POST',\n          body: JSON.stringify(body),\n        });\n\n        const source = data._links.self.href;\n        const rumour = (this.constructor as typeof TemplateSetForm).Rumour(this.group);\n\n        rumour.share({ data, source, related: [collectionUrl] });\n        return source;\n      };\n\n      const uris = await Promise.all([\n        createIfUndefined({\n          collectionUrl: this.cartIncludeTemplates ?? '',\n          formEntry: this.form.cart_include_template_uri,\n          body: { description: `Cart include template for template set ${code}` },\n        }),\n\n        createIfUndefined({\n          collectionUrl: this.cartTemplates ?? '',\n          formEntry: this.form.cart_template_uri,\n          body: { description: `Cart template for template set ${code}` },\n        }),\n\n        createIfUndefined({\n          collectionUrl: this.receiptTemplates ?? '',\n          formEntry: this.form.receipt_template_uri,\n          body: { description: `Web receipt template for template set ${code}` },\n        }),\n\n        createIfUndefined({\n          collectionUrl: this.checkoutTemplates ?? '',\n          formEntry: this.form.checkout_template_uri,\n          body: { description: `Checkout template for template set ${code}` },\n        }),\n\n        createIfUndefined({\n          collectionUrl: this.emailTemplates ?? '',\n          formEntry: this.form.email_template_uri,\n          body: { description: `Email receipt template for template set ${code}` },\n        }),\n\n        createIfUndefined({\n          collectionUrl: this.paymentMethodSets ?? '',\n          formEntry: this.form.payment_method_set_uri,\n          body: { description: `Payment method set for template set ${code}` },\n        }),\n\n        createIfUndefined({\n          collectionUrl: this.templateConfigs ?? '',\n\n          // TODO remove the directive below once SDK is updated\n          // @ts-expect-error SDK types are incomplete\n          formEntry: this.form.template_config_uri,\n\n          body: {\n            description: `Template config for template set ${code}`,\n            json: JSON.stringify(getDefaultJSON()),\n          },\n        }),\n      ]);\n\n      const newBody = JSON.stringify({\n        ...this.form,\n\n        cart_include_template_uri: uris[0],\n        cart_template_uri: uris[1],\n        receipt_template_uri: uris[2],\n        checkout_template_uri: uris[3],\n        email_template_uri: uris[4],\n        payment_method_set_uri: uris[5],\n        template_config_uri: uris[6],\n      });\n\n      return fetch<TResult>(this.parent, { method: 'POST', body: newBody });\n    }\n\n    return fetch<TResult>(...args);\n  }\n\n  private __renderPaymentMethods() {\n    const constructor = this.constructor as typeof TemplateSetForm;\n    let paymentPresetUrl: string | undefined;\n\n    try {\n      const id = new URL(this.form.payment_method_set_uri ?? '').pathname.split('/').pop();\n      paymentPresetUrl = `https://foxy-payments-api.element/payment_presets/${id}`;\n    } catch {\n      paymentPresetUrl = undefined;\n    }\n\n    return html`\n      <foxy-payments-api-payment-preset-form\n        infer=\"payment-method-set-uri\"\n        class=\"mt-l\"\n        href=${ifDefined(paymentPresetUrl)}\n        slot=\"cards:after\"\n        .getFraudProtectionImageSrc=${this.getFraudProtectionImageSrc}\n        .getPaymentMethodImageSrc=${this.getPaymentMethodImageSrc}\n        @update=${() => this.dispatchEvent(new constructor.UpdateEvent())}\n      >\n      </foxy-payments-api-payment-preset-form>\n    `;\n  }\n\n  private __renderTemplates() {\n    return html`\n      <div class=\"grid grid-cols-1 gap-s mt-l\" slot=\"troubleshooting:after\">\n        <foxy-i18n class=\"text-s font-medium text-secondary\" infer=\"\" key=\"templates_title\">\n        </foxy-i18n>\n\n        <div class=\"grid grid-cols-1 divide-y divide-contrast-5\">\n          ${['cart', 'cart_include', 'checkout', 'receipt', 'email'].map((type, index, array) => {\n            const form = `foxy${type === 'email' ? '-email' : ''}-template-form`;\n            const formKey = `${type}_template_uri`;\n            const templateHref = get(this.form, formKey);\n\n            const cardProps = spread({\n              infer: formKey.replace(/_/g, '-'),\n              href: templateHref,\n            });\n\n            return html`\n              <vaadin-button\n                theme=\"contrast\"\n                class=${classMap({\n                  'rounded-none': true,\n                  'rounded-t-l': index === 0,\n                  'rounded-b-l': index === array.length - 1,\n                })}\n                @click=${(evt: CustomEvent) => {\n                  const button = evt.currentTarget as HTMLElement;\n                  const dialog = button.querySelector<FormDialog>('foxy-form-dialog');\n                  dialog?.show(button);\n                }}\n              >\n                <foxy-form-dialog\n                  header=\"${formKey}_header\"\n                  infer=\"template-dialog\"\n                  form=${form}\n                  href=${ifDefined(templateHref)}\n                >\n                </foxy-form-dialog>\n                ${type === 'email'\n                  ? html`<foxy-email-template-card ...=${cardProps}></foxy-email-template-card>`\n                  : html`<foxy-template-card ...=${cardProps}></foxy-template-card>`}\n              </vaadin-button>\n            `;\n          })}\n        </div>\n\n        <foxy-i18n class=\"text-xs text-secondary\" infer=\"\" key=\"templates_helper_text\"> </foxy-i18n>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TemplateSetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/TemplateSetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { PaymentsApiPaymentPresetForm } from '../PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm';\nimport type { TemplateConfigForm } from '../TemplateConfigForm/TemplateConfigForm';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, css } from 'lit-element';\n\nconst NS = 'template-set-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class TemplateSetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      paymentMethodSets: { attribute: 'payment-method-sets' },\n      localeCodes: { attribute: 'locale-codes' },\n      languages: {},\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        vaadin-button::part(label) {\n          flex: 1;\n          padding: 0;\n        }\n\n        .grid-cols-16rem {\n          grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n        }\n      `,\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      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (!!v && v.length <= 50) || 'code:v8n_too_long',\n      ({ language: v }) => !!v || 'language:v8n_required',\n      ({ locale_code: v }) => !!v || 'locale_code:v8n_required',\n    ];\n  }\n\n  paymentMethodSets: string | null = null;\n\n  localeCodes: string | null = null;\n\n  languages: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden = [\n      'cart-template-uri:not=content',\n      'cart-include-template-uri:not=content',\n      'email-template-uri:not=content,template-language',\n      'checkout-template-uri:not=content',\n      'receipt-template-uri:not=content',\n      'config:payment-method-set-uri:delete',\n      'config:payment-method-set-uri:create',\n      'config:payment-method-set-uri:timestamps',\n      'config:payment-method-set-uri:description',\n      'config:template-dialog:description',\n      'config:template-dialog:delete',\n    ];\n\n    if (this.data?.code === 'DEFAULT') alwaysHidden.push('delete');\n\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector.toString()}`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysReadonly.push('code', 'description');\n    return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector.toString()}`);\n  }\n\n  get templateConfigForm(): TemplateConfigForm | null {\n    return this.renderRoot.querySelector('foxy-template-config-form');\n  }\n\n  get paymentsApiPaymentPresetForm(): PaymentsApiPaymentPresetForm | null {\n    return this.renderRoot.querySelector('foxy-payments-api-payment-preset-form');\n  }\n\n  renderBody(): TemplateResult {\n    type LocaleCodesLoader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    type LanguagesLoader = NucleonElement<Resource<Rels.Languages>>;\n    type PMSetLoader = NucleonElement<Resource<Rels.PaymentMethodSet>>;\n\n    const localeCodesLoader = this.renderRoot.querySelector<LocaleCodesLoader>('#localeCodes');\n    const localeCodes = localeCodesLoader?.data;\n    const localeCodeEntries = Object.entries(localeCodes?.values ?? {});\n    const localeCodeOptions = localeCodeEntries.map(([value, label]) => ({ value, label }));\n\n    const languagesLoader = this.renderRoot.querySelector<LanguagesLoader>('#languages');\n    const languages = languagesLoader?.data;\n    const languageEntries = Object.entries(languages?.values ?? {});\n    const languageOptions = languageEntries.map(([value, label]) => ({ value, label }));\n\n    const paymentMethodSetLoader = this.renderRoot.querySelector<PMSetLoader>('#paymentMethodSet');\n    const paymentMethodSet = paymentMethodSetLoader?.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.languages ?? undefined)}\n        id=\"languages\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.localeCodes ?? undefined)}\n        id=\"localeCodes\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.payment_method_set_uri)}\n        id=\"paymentMethodSet\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-1 gap-l\">\n        <div class=\"grid grid-cols-16rem gap-m\">\n          <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n          <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n\n          <foxy-internal-select-control infer=\"language\" .options=${languageOptions}>\n          </foxy-internal-select-control>\n\n          <foxy-internal-select-control infer=\"locale-code\" .options=${localeCodeOptions}>\n          </foxy-internal-select-control>\n\n          <foxy-internal-async-combo-box-control\n            item-label-path=\"description\"\n            item-id-path=\"_links.self.href\"\n            infer=\"payment-method-set-uri\"\n            first=${this.paymentMethodSets}\n            .selectedItem=${paymentMethodSet}\n          >\n          </foxy-internal-async-combo-box-control>\n        </div>\n      </div>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,15 +1,7 @@
-import '@vaadin/vaadin-button';
-import '@vaadin/vaadin-tabs';
 import '../../internal/InternalAsyncComboBoxControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
-import '../PaymentsApiPaymentPresetForm/index';
-import '../TemplateConfigForm/index';
-import '../EmailTemplateCard/index';
-import '../EmailTemplateForm/index';
 import '../NucleonElement/index';
-import '../TemplateCard/index';
-import '../TemplateForm/index';
 import { TemplateSetForm } from './TemplateSetForm';
 export { TemplateSetForm };

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

@@ -1,16 +1,8 @@
-import '@vaadin/vaadin-button';
-import '@vaadin/vaadin-tabs';
 import "../../internal/InternalAsyncComboBoxControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
-import "../PaymentsApiPaymentPresetForm/index.js";
-import "../TemplateConfigForm/index.js";
-import "../EmailTemplateCard/index.js";
-import "../EmailTemplateForm/index.js";
 import "../NucleonElement/index.js";
-import "../TemplateCard/index.js";
-import "../TemplateForm/index.js";
 import { TemplateSetForm } from "./TemplateSetForm.js";
 customElements.define('foxy-template-set-form', TemplateSetForm);
 export { TemplateSetForm };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAE7B,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,kDAA+C;AAC/C,wCAAqC;AACrC,uCAAoC;AACpC,uCAAoC;AACpC,oCAAiC;AACjC,kCAA+B;AAC/B,kCAA+B;AAE/B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-tabs';\n\nimport '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../PaymentsApiPaymentPresetForm/index';\nimport '../TemplateConfigForm/index';\nimport '../EmailTemplateCard/index';\nimport '../EmailTemplateForm/index';\nimport '../NucleonElement/index';\nimport '../TemplateCard/index';\nimport '../TemplateForm/index';\n\nimport { TemplateSetForm } from './TemplateSetForm';\n\ncustomElements.define('foxy-template-set-form', TemplateSetForm);\n\nexport { TemplateSetForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AAEjC,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\n\nimport { TemplateSetForm } from './TemplateSetForm';\n\ncustomElements.define('foxy-template-set-form', TemplateSetForm);\n\nexport { TemplateSetForm };\n"]}

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

@@ -51,6 +51,7 @@ export { NucleonElement } from './NucleonElement/NucleonElement';
 export { Pagination } from './Pagination/Pagination';
 export { PaymentCard } from './PaymentCard/PaymentCard';
 export { ShipmentCard } from './ShipmentCard/ShipmentCard';
+export { ShippingMethodCard } from './ShippingMethodCard/ShippingMethodCard';
 export { PaymentMethodCard } from './PaymentMethodCard/PaymentMethodCard';
 export { PaymentsApi } from './PaymentsApi/PaymentsApi';
 export { PaymentsApiFraudProtectionCard } from './PaymentsApiFraudProtectionCard/PaymentsApiFraudProtectionCard';
@@ -73,6 +74,7 @@ export { TaxCard } from './TaxCard/TaxCard';
 export { TaxForm } from './TaxForm/TaxForm';
 export { TemplateCard } from './TemplateCard/TemplateCard';
 export { TemplateForm } from './TemplateForm/TemplateForm';
+export { TemplateSetCard } from './TemplateSetCard/TemplateSetCard';
 export { TemplateSetForm } from './TemplateSetForm/TemplateSetForm';
 export { TemplateConfigForm } from './TemplateConfigForm/TemplateConfigForm';
 export { TransactionCard } from './TransactionCard/TransactionCard';

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

@@ -51,6 +51,7 @@ export { NucleonElement } from './NucleonElement/index';
 export { Pagination } from './Pagination/index';
 export { PaymentCard } from './PaymentCard/index';
 export { ShipmentCard } from './ShipmentCard/index';
+export { ShippingMethodCard } from './ShippingMethodCard/index';
 export { PaymentMethodCard } from './PaymentMethodCard/index';
 export { PaymentsApi } from './PaymentsApi/index';
 export { PaymentsApiFraudProtectionCard } from './PaymentsApiFraudProtectionCard/index';
@@ -74,6 +75,7 @@ export { TaxForm } from './TaxForm/index';
 export { TemplateCard } from './TemplateCard/index';
 export { TemplateConfigForm } from './TemplateConfigForm/index';
 export { TemplateForm } from './TemplateForm/index';
+export { TemplateSetCard } from './TemplateSetCard/index';
 export { TemplateSetForm } from './TemplateSetForm/index';
 export { TransactionCard } from './TransactionCard/index';
 export { Transaction } from './Transaction/index';

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

@@ -51,6 +51,7 @@ export { NucleonElement } from "./NucleonElement/index.js";
 export { Pagination } from "./Pagination/index.js";
 export { PaymentCard } from "./PaymentCard/index.js";
 export { ShipmentCard } from "./ShipmentCard/index.js";
+export { ShippingMethodCard } from "./ShippingMethodCard/index.js";
 export { PaymentMethodCard } from "./PaymentMethodCard/index.js";
 export { PaymentsApi } from "./PaymentsApi/index.js";
 export { PaymentsApiFraudProtectionCard } from "./PaymentsApiFraudProtectionCard/index.js";
@@ -74,6 +75,7 @@ export { TaxForm } from "./TaxForm/index.js";
 export { TemplateCard } from "./TemplateCard/index.js";
 export { TemplateConfigForm } from "./TemplateConfigForm/index.js";
 export { TemplateForm } from "./TemplateForm/index.js";
+export { TemplateSetCard } from "./TemplateSetCard/index.js";
 export { TemplateSetForm } from "./TemplateSetForm/index.js";
 export { TransactionCard } from "./TransactionCard/index.js";
 export { Transaction } from "./Transaction/index.js";