@foxy.io/elements 1.27.1 → 1.28.0-beta.1

package/dist/elements/public/Transaction/Transaction.js

@@ -54,86 +54,104 @@ export class Transaction extends Base {
         }
         return new BooleanSelector(`${super.hiddenSelector} ${hidden.join(' ')}`.trim());
     }
-    renderBody() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        let shipmentsLink = undefined;
-        let subtitleKey = 'subtitle';
-        let itemsLink = undefined;
-        const alertStatuses = ['problem', 'pending_fraud_review', 'rejected', 'declined'];
-        const hidden = this.hiddenSelector;
+    get headerSubtitleOptions() {
+        var _a, _b, _c, _d, _e;
         const source = (_a = this.data) === null || _a === void 0 ? void 0 : _a.source;
         const type = (_b = this.data) === null || _b === void 0 ? void 0 : _b.type;
+        let context = '';
         if (type === 'updateinfo') {
             if (!source || (source === null || source === void 0 ? void 0 : source.startsWith('cit_'))) {
-                subtitleKey = 'subtitle_customer_changed_payment_method';
+                context = 'customer_changed_payment_method';
             }
             else if (source === 'mit_uoe') {
-                subtitleKey = 'subtitle_admin_changed_payment_method_with_uoe';
+                context = 'admin_changed_payment_method_with_uoe';
             }
             else if (source === 'mit_api') {
-                subtitleKey = 'subtitle_integration_changed_payment_method';
+                context = 'integration_changed_payment_method';
             }
             else {
-                subtitleKey = 'subtitle_admin_changed_payment_method';
+                context = 'admin_changed_payment_method';
             }
         }
         else if (type === 'subscription_modification') {
             if (!source || (source === null || source === void 0 ? void 0 : source.startsWith('cit_'))) {
-                subtitleKey = 'subtitle_customer_changed_subscription';
+                context = 'customer_changed_subscription';
             }
             else if (source === 'mit_uoe') {
-                subtitleKey = 'subtitle_admin_changed_subscription_with_uoe';
+                context = 'admin_changed_subscription_with_uoe';
             }
             else if (source === 'mit_api') {
-                subtitleKey = 'subtitle_integration_changed_subscription';
+                context = 'integration_changed_subscription';
             }
             else {
-                subtitleKey = 'subtitle_admin_changed_subscription';
+                context = 'admin_changed_subscription';
             }
         }
         else if (type === 'subscription_renewal') {
             if (source === 'mit_recurring') {
-                subtitleKey = 'subtitle_subscription_renewal_attempt';
+                context = 'subscription_renewal_attempt';
             }
             else if (source === 'mit_recurring_reattempt_automated') {
-                subtitleKey = 'subtitle_subscription_renewal_automated_reattempt';
+                context = 'subscription_renewal_automated_reattempt';
             }
             else if (source === 'mit_recurring_reattempt_manual') {
-                subtitleKey = 'subtitle_subscription_renewal_manual_reattempt';
+                context = 'subscription_renewal_manual_reattempt';
             }
         }
         else if (type === 'subscription_cancellation') {
             if (source === 'cit_recurring_cancellation') {
-                subtitleKey = 'subtitle_customer_canceled_subscription';
+                context = 'customer_canceled_subscription';
             }
             else if (source === 'mit_recurring_cancellation') {
-                subtitleKey = 'subtitle_admin_canceled_subscription';
+                context = 'admin_canceled_subscription';
             }
         }
         else {
             if ((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:subscription']) {
                 if (source === null || source === void 0 ? void 0 : source.startsWith('cit_')) {
-                    subtitleKey = 'subtitle_customer_subscribed';
+                    context = 'customer_subscribed';
                 }
                 else if (source === 'mit_uoe') {
-                    subtitleKey = 'subtitle_admin_subscribed_with_uoe';
+                    context = 'admin_subscribed_with_uoe';
                 }
                 else if (source === 'mit_api') {
-                    subtitleKey = 'subtitle_integration_subscribed';
+                    context = 'integration_subscribed';
                 }
             }
             else {
                 if (source === null || source === void 0 ? void 0 : source.startsWith('cit_')) {
-                    subtitleKey = 'subtitle_customer_placed_order';
+                    context = 'customer_placed_order';
                 }
                 else if (source === 'mit_uoe') {
-                    subtitleKey = 'subtitle_admin_placed_order_with_uoe';
+                    context = 'admin_placed_order_with_uoe';
                 }
                 else if (source === 'mit_api') {
-                    subtitleKey = 'subtitle_integration_placed_order';
+                    context = 'integration_placed_order';
                 }
             }
         }
+        return {
+            transaction_date: (_d = this.data) === null || _d === void 0 ? void 0 : _d.transaction_date,
+            ip_country: (_e = this.data) === null || _e === void 0 ? void 0 : _e.ip_country,
+            context,
+        };
+    }
+    get headerCopyIdValue() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.display_id) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : '';
+    }
+    renderHeaderActions() {
+        return html `
+      <foxy-internal-transaction-actions-control infer="actions">
+      </foxy-internal-transaction-actions-control>
+    `;
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        let shipmentsLink = undefined;
+        let itemsLink = undefined;
+        const alertStatuses = ['problem', 'pending_fraud_review', 'rejected', 'declined'];
+        const hidden = this.hiddenSelector;
         if (this.data) {
             try {
                 const shipmentsUrl = new URL(this.data._links['fx:shipments'].href);
@@ -143,44 +161,19 @@ export class Transaction extends Base {
                 shipmentsLink = shipmentsUrl.toString();
                 itemsLink = itemsUrl.toString();
             }
-            catch (_p) {
+            catch (_h) {
                 //
             }
         }
         return html `
-      <h2>
-        <div class="flex items-center gap-s leading-xs text-xxl font-medium break-all">
-          <foxy-i18n infer="header" key="title" .options=${this.data}></foxy-i18n>
-          <foxy-copy-to-clipboard
-            infer="header"
-            class="inline-block text-m"
-            text=${(_d = this.data) === null || _d === void 0 ? void 0 : _d.display_id}
-          >
-          </foxy-copy-to-clipboard>
-        </div>
-
-        <foxy-i18n
-          class="block leading-xs text-l text-secondary"
-          infer="header"
-          key=${subtitleKey}
-          .options=${{
-            transaction_date: (_e = this.data) === null || _e === void 0 ? void 0 : _e.transaction_date,
-            ip_country: (_f = this.data) === null || _f === void 0 ? void 0 : _f.ip_country,
-        }}
-        >
-        </foxy-i18n>
-
-        <foxy-internal-transaction-actions-control class="mt-xs" infer="actions">
-        </foxy-internal-transaction-actions-control>
-      </h2>
-
-      ${alertStatuses.includes((_h = (_g = this.data) === null || _g === void 0 ? void 0 : _g.status) !== null && _h !== void 0 ? _h : '')
+      ${this.renderHeader()}
+      ${alertStatuses.includes((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : '')
             ? html `
             <p
               class="leading-xs text-body rounded bg-error-10 block"
               style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
             >
-              <foxy-i18n infer="header" key="alert_status_${(_j = this.data) === null || _j === void 0 ? void 0 : _j.status}"></foxy-i18n>
+              <foxy-i18n infer="header" key="alert_status_${(_c = this.data) === null || _c === void 0 ? void 0 : _c.status}"></foxy-i18n>
             </p>
           `
             : ''}
@@ -210,7 +203,7 @@ export class Transaction extends Base {
 
       <foxy-internal-async-list-control
         infer="billing-addresses"
-        first=${ifDefined((_k = this.data) === null || _k === void 0 ? void 0 : _k._links['fx:billing_addresses'].href)}
+        first=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:billing_addresses'].href)}
         item="foxy-billing-address-card"
         form="foxy-address-form"
         hide-create-button
@@ -221,7 +214,7 @@ export class Transaction extends Base {
 
       <foxy-internal-async-list-control
         infer="payments"
-        first=${ifDefined((_l = this.data) === null || _l === void 0 ? void 0 : _l._links['fx:payments'].href)}
+        first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:payments'].href)}
         item="foxy-payment-card"
         .itemProps=${{
             'hosted-payment-gateways-helper': this.hostedPaymentGatewaysHelper,
@@ -237,7 +230,7 @@ export class Transaction extends Base {
         <foxy-internal-async-list-control
           infer="custom-fields"
           class="min-w-0"
-          first=${ifDefined((_m = this.data) === null || _m === void 0 ? void 0 : _m._links['fx:custom_fields'].href)}
+          first=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:custom_fields'].href)}
           limit="5"
           form="foxy-custom-field-form"
           item="foxy-custom-field-card"
@@ -248,7 +241,7 @@ export class Transaction extends Base {
         <foxy-internal-async-list-control
           infer="attributes"
           class="min-w-0"
-          first=${ifDefined((_o = this.data) === null || _o === void 0 ? void 0 : _o._links['fx:attributes'].href)}
+          first=${ifDefined((_g = this.data) === null || _g === void 0 ? void 0 : _g._links['fx:attributes'].href)}
           limit="5"
           form="foxy-attribute-form"
           item="foxy-attribute-card"

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

@@ -1 +1 @@
-{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'transaction';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\n */\nexport class Transaction extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      hostedPaymentGatewaysHelper: { attribute: 'hosted-payment-gateways-helper' },\n      paymentGatewaysHelper: { attribute: 'payment-gateways-helper' },\n      getSubscriptionPageHref: { attribute: false },\n      getCustomerPageHref: { attribute: false },\n    };\n  }\n\n  /** URL of the `fx:hosted_payment_gateways` property helper resource. */\n  hostedPaymentGatewaysHelper: string | null = null;\n\n  /** URL of the `fx:payment_gateways` property helper resource. */\n  paymentGatewaysHelper: string | null = null;\n\n  getSubscriptionPageHref: ((href: string) => string) | null = null;\n\n  getCustomerPageHref: ((href: string) => string) | null = null;\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? new BooleanSelector(`${super.readonlySelector} billing-addresses`)\n      : new BooleanSelector(\n          `${super.readonlySelector} billing-addresses items attributes custom-fields`\n        );\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const hidden = ['billing-addresses:dialog:delete billing-addresses:dialog:timestamps'];\n    const type = this.data?.type;\n\n    if (!this.data?._links['fx:subscription']) hidden.push('subscription');\n    if (type === 'subscription_modification') hidden.push('actions');\n\n    if (type === 'updateinfo') {\n      hidden.push('not=customer,subscription,payments,custom-fields,attributes');\n    }\n\n    if (type === 'subscription_cancellation') {\n      hidden.push('not=customer,subscription,custom-fields,attributes');\n    }\n\n    return new BooleanSelector(`${super.hiddenSelector} ${hidden.join(' ')}`.trim());\n  }\n\n  renderBody(): TemplateResult {\n    let shipmentsLink: string | undefined = undefined;\n    let subtitleKey = 'subtitle';\n    let itemsLink: string | undefined = undefined;\n\n    const alertStatuses = ['problem', 'pending_fraud_review', 'rejected', 'declined'];\n    const hidden = this.hiddenSelector;\n    const source = this.data?.source;\n    const type = this.data?.type;\n\n    if (type === 'updateinfo') {\n      if (!source || source?.startsWith('cit_')) {\n        subtitleKey = 'subtitle_customer_changed_payment_method';\n      } else if (source === 'mit_uoe') {\n        subtitleKey = 'subtitle_admin_changed_payment_method_with_uoe';\n      } else if (source === 'mit_api') {\n        subtitleKey = 'subtitle_integration_changed_payment_method';\n      } else {\n        subtitleKey = 'subtitle_admin_changed_payment_method';\n      }\n    } else if (type === 'subscription_modification') {\n      if (!source || source?.startsWith('cit_')) {\n        subtitleKey = 'subtitle_customer_changed_subscription';\n      } else if (source === 'mit_uoe') {\n        subtitleKey = 'subtitle_admin_changed_subscription_with_uoe';\n      } else if (source === 'mit_api') {\n        subtitleKey = 'subtitle_integration_changed_subscription';\n      } else {\n        subtitleKey = 'subtitle_admin_changed_subscription';\n      }\n    } else if (type === 'subscription_renewal') {\n      if (source === 'mit_recurring') {\n        subtitleKey = 'subtitle_subscription_renewal_attempt';\n      } else if (source === 'mit_recurring_reattempt_automated') {\n        subtitleKey = 'subtitle_subscription_renewal_automated_reattempt';\n      } else if (source === 'mit_recurring_reattempt_manual') {\n        subtitleKey = 'subtitle_subscription_renewal_manual_reattempt';\n      }\n    } else if (type === 'subscription_cancellation') {\n      if (source === 'cit_recurring_cancellation') {\n        subtitleKey = 'subtitle_customer_canceled_subscription';\n      } else if (source === 'mit_recurring_cancellation') {\n        subtitleKey = 'subtitle_admin_canceled_subscription';\n      }\n    } else {\n      if (this.data?._links['fx:subscription']) {\n        if (source?.startsWith('cit_')) {\n          subtitleKey = 'subtitle_customer_subscribed';\n        } else if (source === 'mit_uoe') {\n          subtitleKey = 'subtitle_admin_subscribed_with_uoe';\n        } else if (source === 'mit_api') {\n          subtitleKey = 'subtitle_integration_subscribed';\n        }\n      } else {\n        if (source?.startsWith('cit_')) {\n          subtitleKey = 'subtitle_customer_placed_order';\n        } else if (source === 'mit_uoe') {\n          subtitleKey = 'subtitle_admin_placed_order_with_uoe';\n        } else if (source === 'mit_api') {\n          subtitleKey = 'subtitle_integration_placed_order';\n        }\n      }\n    }\n\n    if (this.data) {\n      try {\n        const shipmentsUrl = new URL(this.data._links['fx:shipments'].href);\n        const itemsUrl = new URL(this.data._links['fx:items'].href);\n        shipmentsUrl.searchParams.set('zoom', 'items:item_category');\n        itemsUrl.searchParams.set('zoom', 'item_options');\n        shipmentsLink = shipmentsUrl.toString();\n        itemsLink = itemsUrl.toString();\n      } catch {\n        //\n      }\n    }\n\n    return html`\n      <h2>\n        <div class=\"flex items-center gap-s leading-xs text-xxl font-medium break-all\">\n          <foxy-i18n infer=\"header\" key=\"title\" .options=${this.data}></foxy-i18n>\n          <foxy-copy-to-clipboard\n            infer=\"header\"\n            class=\"inline-block text-m\"\n            text=${this.data?.display_id}\n          >\n          </foxy-copy-to-clipboard>\n        </div>\n\n        <foxy-i18n\n          class=\"block leading-xs text-l text-secondary\"\n          infer=\"header\"\n          key=${subtitleKey}\n          .options=${{\n            transaction_date: this.data?.transaction_date,\n            ip_country: this.data?.ip_country,\n          }}\n        >\n        </foxy-i18n>\n\n        <foxy-internal-transaction-actions-control class=\"mt-xs\" infer=\"actions\">\n        </foxy-internal-transaction-actions-control>\n      </h2>\n\n      ${alertStatuses.includes(this.data?.status ?? '')\n        ? html`\n            <p\n              class=\"leading-xs text-body rounded bg-error-10 block\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n            >\n              <foxy-i18n infer=\"header\" key=\"alert_status_${this.data?.status}\"></foxy-i18n>\n            </p>\n          `\n        : ''}\n\n      <foxy-internal-transaction-customer-control infer=\"customer\">\n      </foxy-internal-transaction-customer-control>\n\n      <div\n        class=\"grid gap-s\"\n        ?hidden=${hidden.matches('items', true) && hidden.matches('summary', true)}\n      >\n        <foxy-internal-async-list-control\n          infer=\"items\"\n          class=\"min-w-0\"\n          first=${ifDefined(itemsLink)}\n          limit=\"10\"\n          item=\"foxy-item-card\"\n          form=\"foxy-item-form\"\n          alert\n          .related=${[this.href]}\n        >\n        </foxy-internal-async-list-control>\n\n        <foxy-internal-transaction-summary-control infer=\"summary\" class=\"min-w-0\">\n        </foxy-internal-transaction-summary-control>\n      </div>\n\n      <foxy-internal-async-list-control\n        infer=\"billing-addresses\"\n        first=${ifDefined(this.data?._links['fx:billing_addresses'].href)}\n        item=\"foxy-billing-address-card\"\n        form=\"foxy-address-form\"\n        hide-create-button\n        hide-delete-button\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"payments\"\n        first=${ifDefined(this.data?._links['fx:payments'].href)}\n        item=\"foxy-payment-card\"\n        .itemProps=${{\n          'hosted-payment-gateways-helper': this.hostedPaymentGatewaysHelper,\n          'payment-gateways-helper': this.paymentGatewaysHelper,\n        }}\n      >\n      </foxy-internal-async-list-control>\n\n      <div\n        class=\"grid gap-m sm-grid-cols-2\"\n        ?hidden=${hidden.matches('custom-fields', true) && hidden.matches('attributes', true)}\n      >\n        <foxy-internal-async-list-control\n          infer=\"custom-fields\"\n          class=\"min-w-0\"\n          first=${ifDefined(this.data?._links['fx:custom_fields'].href)}\n          limit=\"5\"\n          form=\"foxy-custom-field-form\"\n          item=\"foxy-custom-field-card\"\n          alert\n        >\n        </foxy-internal-async-list-control>\n\n        <foxy-internal-async-list-control\n          infer=\"attributes\"\n          class=\"min-w-0\"\n          first=${ifDefined(this.data?._links['fx:attributes'].href)}\n          limit=\"5\"\n          form=\"foxy-attribute-form\"\n          item=\"foxy-attribute-card\"\n          alert\n        >\n        </foxy-internal-async-list-control>\n      </div>\n\n      <foxy-internal-async-list-control\n        infer=\"shipments\"\n        first=${ifDefined(shipmentsLink)}\n        item=\"foxy-shipment-card\"\n      >\n      </foxy-internal-async-list-control>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'transaction';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\n */\nexport class Transaction extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      hostedPaymentGatewaysHelper: { attribute: 'hosted-payment-gateways-helper' },\n      paymentGatewaysHelper: { attribute: 'payment-gateways-helper' },\n      getSubscriptionPageHref: { attribute: false },\n      getCustomerPageHref: { attribute: false },\n    };\n  }\n\n  /** URL of the `fx:hosted_payment_gateways` property helper resource. */\n  hostedPaymentGatewaysHelper: string | null = null;\n\n  /** URL of the `fx:payment_gateways` property helper resource. */\n  paymentGatewaysHelper: string | null = null;\n\n  getSubscriptionPageHref: ((href: string) => string) | null = null;\n\n  getCustomerPageHref: ((href: string) => string) | null = null;\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? new BooleanSelector(`${super.readonlySelector} billing-addresses`)\n      : new BooleanSelector(\n          `${super.readonlySelector} billing-addresses items attributes custom-fields`\n        );\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const hidden = ['billing-addresses:dialog:delete billing-addresses:dialog:timestamps'];\n    const type = this.data?.type;\n\n    if (!this.data?._links['fx:subscription']) hidden.push('subscription');\n    if (type === 'subscription_modification') hidden.push('actions');\n\n    if (type === 'updateinfo') {\n      hidden.push('not=customer,subscription,payments,custom-fields,attributes');\n    }\n\n    if (type === 'subscription_cancellation') {\n      hidden.push('not=customer,subscription,custom-fields,attributes');\n    }\n\n    return new BooleanSelector(`${super.hiddenSelector} ${hidden.join(' ')}`.trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    const source = this.data?.source;\n    const type = this.data?.type;\n\n    let context = '';\n\n    if (type === 'updateinfo') {\n      if (!source || source?.startsWith('cit_')) {\n        context = 'customer_changed_payment_method';\n      } else if (source === 'mit_uoe') {\n        context = 'admin_changed_payment_method_with_uoe';\n      } else if (source === 'mit_api') {\n        context = 'integration_changed_payment_method';\n      } else {\n        context = 'admin_changed_payment_method';\n      }\n    } else if (type === 'subscription_modification') {\n      if (!source || source?.startsWith('cit_')) {\n        context = 'customer_changed_subscription';\n      } else if (source === 'mit_uoe') {\n        context = 'admin_changed_subscription_with_uoe';\n      } else if (source === 'mit_api') {\n        context = 'integration_changed_subscription';\n      } else {\n        context = 'admin_changed_subscription';\n      }\n    } else if (type === 'subscription_renewal') {\n      if (source === 'mit_recurring') {\n        context = 'subscription_renewal_attempt';\n      } else if (source === 'mit_recurring_reattempt_automated') {\n        context = 'subscription_renewal_automated_reattempt';\n      } else if (source === 'mit_recurring_reattempt_manual') {\n        context = 'subscription_renewal_manual_reattempt';\n      }\n    } else if (type === 'subscription_cancellation') {\n      if (source === 'cit_recurring_cancellation') {\n        context = 'customer_canceled_subscription';\n      } else if (source === 'mit_recurring_cancellation') {\n        context = 'admin_canceled_subscription';\n      }\n    } else {\n      if (this.data?._links['fx:subscription']) {\n        if (source?.startsWith('cit_')) {\n          context = 'customer_subscribed';\n        } else if (source === 'mit_uoe') {\n          context = 'admin_subscribed_with_uoe';\n        } else if (source === 'mit_api') {\n          context = 'integration_subscribed';\n        }\n      } else {\n        if (source?.startsWith('cit_')) {\n          context = 'customer_placed_order';\n        } else if (source === 'mit_uoe') {\n          context = 'admin_placed_order_with_uoe';\n        } else if (source === 'mit_api') {\n          context = 'integration_placed_order';\n        }\n      }\n    }\n\n    return {\n      transaction_date: this.data?.transaction_date,\n      ip_country: this.data?.ip_country,\n      context,\n    };\n  }\n\n  get headerCopyIdValue(): string {\n    return this.data?.display_id?.toString() ?? '';\n  }\n\n  renderHeaderActions(): TemplateResult {\n    return html`\n      <foxy-internal-transaction-actions-control infer=\"actions\">\n      </foxy-internal-transaction-actions-control>\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let shipmentsLink: string | undefined = undefined;\n    let itemsLink: string | undefined = undefined;\n\n    const alertStatuses = ['problem', 'pending_fraud_review', 'rejected', 'declined'];\n    const hidden = this.hiddenSelector;\n\n    if (this.data) {\n      try {\n        const shipmentsUrl = new URL(this.data._links['fx:shipments'].href);\n        const itemsUrl = new URL(this.data._links['fx:items'].href);\n        shipmentsUrl.searchParams.set('zoom', 'items:item_category');\n        itemsUrl.searchParams.set('zoom', 'item_options');\n        shipmentsLink = shipmentsUrl.toString();\n        itemsLink = itemsUrl.toString();\n      } catch {\n        //\n      }\n    }\n\n    return html`\n      ${this.renderHeader()}\n      ${alertStatuses.includes(this.data?.status ?? '')\n        ? html`\n            <p\n              class=\"leading-xs text-body rounded bg-error-10 block\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n            >\n              <foxy-i18n infer=\"header\" key=\"alert_status_${this.data?.status}\"></foxy-i18n>\n            </p>\n          `\n        : ''}\n\n      <foxy-internal-transaction-customer-control infer=\"customer\">\n      </foxy-internal-transaction-customer-control>\n\n      <div\n        class=\"grid gap-s\"\n        ?hidden=${hidden.matches('items', true) && hidden.matches('summary', true)}\n      >\n        <foxy-internal-async-list-control\n          infer=\"items\"\n          class=\"min-w-0\"\n          first=${ifDefined(itemsLink)}\n          limit=\"10\"\n          item=\"foxy-item-card\"\n          form=\"foxy-item-form\"\n          alert\n          .related=${[this.href]}\n        >\n        </foxy-internal-async-list-control>\n\n        <foxy-internal-transaction-summary-control infer=\"summary\" class=\"min-w-0\">\n        </foxy-internal-transaction-summary-control>\n      </div>\n\n      <foxy-internal-async-list-control\n        infer=\"billing-addresses\"\n        first=${ifDefined(this.data?._links['fx:billing_addresses'].href)}\n        item=\"foxy-billing-address-card\"\n        form=\"foxy-address-form\"\n        hide-create-button\n        hide-delete-button\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"payments\"\n        first=${ifDefined(this.data?._links['fx:payments'].href)}\n        item=\"foxy-payment-card\"\n        .itemProps=${{\n          'hosted-payment-gateways-helper': this.hostedPaymentGatewaysHelper,\n          'payment-gateways-helper': this.paymentGatewaysHelper,\n        }}\n      >\n      </foxy-internal-async-list-control>\n\n      <div\n        class=\"grid gap-m sm-grid-cols-2\"\n        ?hidden=${hidden.matches('custom-fields', true) && hidden.matches('attributes', true)}\n      >\n        <foxy-internal-async-list-control\n          infer=\"custom-fields\"\n          class=\"min-w-0\"\n          first=${ifDefined(this.data?._links['fx:custom_fields'].href)}\n          limit=\"5\"\n          form=\"foxy-custom-field-form\"\n          item=\"foxy-custom-field-card\"\n          alert\n        >\n        </foxy-internal-async-list-control>\n\n        <foxy-internal-async-list-control\n          infer=\"attributes\"\n          class=\"min-w-0\"\n          first=${ifDefined(this.data?._links['fx:attributes'].href)}\n          limit=\"5\"\n          form=\"foxy-attribute-form\"\n          item=\"foxy-attribute-card\"\n          alert\n        >\n        </foxy-internal-async-list-control>\n      </div>\n\n      <foxy-internal-async-list-control\n        infer=\"shipments\"\n        first=${ifDefined(shipmentsLink)}\n        item=\"foxy-shipment-card\"\n      >\n      </foxy-internal-async-list-control>\n    `;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import type { Data, Templates } from './types';
+import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import { InternalCard } from '../../internal/InternalCard/InternalCard';
 declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
@@ -7,20 +7,10 @@ declare const Base: typeof InternalCard & import("lit-element").Constructor<impo
 /**
  * Basic card displaying a transaction.
  *
- * @slot total:before
- * @slot total:after
- * @slot status:before
- * @slot status:after
- * @slot description:before
- * @slot description:after
- * @slot customer:before
- * @slot customer:after
- *
  * @element foxy-transaction-card
  * @since 1.12.0
  */
 declare class TransactionCard extends Base<Data> {
-    templates: Templates;
     private __currencyDisplay;
     renderBody(): TemplateResult;
     protected _sendGet(): Promise<Data>;

package/dist/elements/public/TransactionCard/TransactionCard.js

@@ -9,22 +9,12 @@ const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
 /**
  * Basic card displaying a transaction.
  *
- * @slot total:before
- * @slot total:after
- * @slot status:before
- * @slot status:after
- * @slot description:before
- * @slot description:after
- * @slot customer:before
- * @slot customer:after
- *
  * @element foxy-transaction-card
  * @since 1.12.0
  */
 class TransactionCard extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__currencyDisplay = '';
     }
     renderBody() {

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/TransactionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { Resource, getResourceId } from '@foxy.io/sdk/core';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'transaction-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying a transaction.\n *\n * @slot total:before\n * @slot total:after\n * @slot status:before\n * @slot status:after\n * @slot description:before\n * @slot description:after\n * @slot customer:before\n * @slot customer:after\n *\n * @element foxy-transaction-card\n * @since 1.12.0\n */\nclass TransactionCard extends Base<Data> {\n  templates: Templates = {};\n\n  private __currencyDisplay = '';\n\n  renderBody(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const hasTotal = !hiddenSelector.matches('total', true);\n    const hasStatus = !hiddenSelector.matches('status', true);\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-s font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hasTotal || hasStatus\n            ? html`\n                <div class=\"flex items-center justify-between gap-s\">\n                  ${hasTotal ? this.__renderIdAndTotal() : ''}\n                  ${hasStatus ? this.__renderStatus() : ''}\n                </div>\n              `\n            : ''}\n          ${hiddenSelector.matches('description', true) ? '' : this.__renderSummary()}\n          ${hiddenSelector.matches('customer', true) ? '' : this.__renderCustomer()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    const transaction = await super._sendGet();\n    const storeLink = transaction._links['fx:store']?.href;\n\n    if (typeof storeLink === 'string') {\n      const store = await super._fetch<Resource<Rels.Store>>(storeLink);\n      this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    } else {\n      this.__currencyDisplay = 'symbol';\n    }\n\n    return transaction;\n  }\n\n  private __renderIdAndTotal() {\n    const data = this.data;\n    let content: TemplateResult;\n\n    if (data) {\n      const amount = `${data.total_order} ${data.currency_code}`;\n      const currencyDisplay = this.__currencyDisplay;\n      const options = { amount, currencyDisplay };\n\n      content = html`\n        <span class=\"truncate\">ID ${data.display_id || getResourceId(data._links.self.href)}</span>\n        ${data.type !== 'updateinfo' && data.type !== 'subscription_cancellation'\n          ? html`\n              <span>&bull;</span>\n              <foxy-i18n .options=${options} infer=\"\" key=\"price\"></foxy-i18n>\n            `\n          : ''}\n      `;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div class=\"min-w-0\" data-testid=\"total\">\n        ${this.renderTemplateOrSlot('total:before')}\n        <div class=\"font-medium flex items-center gap-xs\">${content}</div>\n        ${this.renderTemplateOrSlot('total:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const specialIcons: Record<string, string> = {\n      authorized: 'icons:done',\n      capturing: 'icons:done',\n      captured: 'icons:done',\n      approved: 'icons:done',\n      pending: 'icons:done',\n\n      completed: 'icons:done-all',\n\n      pending_fraud_review: 'icons:info-outline',\n      declined: 'icons:highlight-off',\n      rejected: 'icons:highlight-off',\n      problem: 'icons:info-outline',\n\n      refunded: 'icons:restore',\n      voided: 'icons:remove-circle-outline',\n    };\n\n    const specialColors: Record<string, string> = {\n      authorized: 'text-success',\n      completed: 'text-success',\n      capturing: 'text-success',\n      captured: 'text-success',\n      approved: 'text-success',\n      pending: 'text-success',\n\n      pending_fraud_review: 'text-error',\n      declined: 'text-error',\n      rejected: 'text-error',\n      problem: 'text-error',\n    };\n\n    const status = this.data?.status || 'completed';\n    const source = this.data?.source?.substring(0, 3).toUpperCase();\n\n    return html`\n      <div class=\"flex-shrink-0\" data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <div class=\"text-tertiary text-s flex items-center space-x-xs\">\n          ${source\n            ? html`\n                <vcf-tooltip for=\"source\" theme=\"light\" position=\"top\">\n                  <foxy-i18n infer=\"\" key=\"source_${source}\"></foxy-i18n>\n                </vcf-tooltip>\n                <span class=\"cursor-default\" id=\"source\">${source}</span>\n              `\n            : ''}\n\n          <foxy-i18n\n            options=${JSON.stringify({ value: this.data?.transaction_date })}\n            lang=${this.lang}\n            key=\"time\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <iron-icon\n            data-testid=\"status-icon\"\n            class=\"icon-inline cursor-default text-l ${specialColors[status] ?? 'text-tertiary'}\"\n            id=\"status\"\n            icon=${specialIcons[status] ?? 'icons:schedule'}\n          >\n          </iron-icon>\n\n          <vcf-tooltip for=\"status\" theme=\"light\" position=\"top\">\n            <foxy-i18n infer=\"\" key=\"status_${status}\"></foxy-i18n>\n          </vcf-tooltip>\n        </div>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n\n  private __renderSummary() {\n    const items = this.data?._embedded?.['fx:items'];\n    const type = this.data?.type;\n\n    let content: TemplateResult;\n    let key: string;\n\n    if (type === 'updateinfo') {\n      key = 'summary_payment_method_change';\n    } else if (type === 'subscription_modification') {\n      key = 'summary_subscription_modification';\n    } else if (type === 'subscription_cancellation') {\n      key = 'summary_subscription_cancellation';\n    } else {\n      key = 'summary';\n    }\n\n    if (items) {\n      const options = {\n        most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n        count_minus_one: items.length - 1,\n        count: items.length,\n      };\n\n      content = html`<foxy-i18n .options=${options} infer=\"\" key=${key}></foxy-i18n>`;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div data-testid=\"description\">\n        ${this.renderTemplateOrSlot('description:before')}\n        <div class=\"text-s text-secondary truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderCustomer() {\n    const data = this.data;\n    const content = data\n      ? html`${data.customer_first_name} ${data.customer_last_name} (${data.customer_email})`\n      : html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"customer\">\n        ${this.renderTemplateOrSlot('customer:before')}\n        <div class=\"text-tertiary truncate text-s\">${content}</div>\n        ${this.renderTemplateOrSlot('customer:after')}\n      </div>\n    `;\n  }\n}\n\nexport { TransactionCard };\n"]}
+{"version":3,"file":"TransactionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/TransactionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { Resource, getResourceId } from '@foxy.io/sdk/core';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'transaction-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying a transaction.\n *\n * @element foxy-transaction-card\n * @since 1.12.0\n */\nclass TransactionCard extends Base<Data> {\n  private __currencyDisplay = '';\n\n  renderBody(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const hasTotal = !hiddenSelector.matches('total', true);\n    const hasStatus = !hiddenSelector.matches('status', true);\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-s font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hasTotal || hasStatus\n            ? html`\n                <div class=\"flex items-center justify-between gap-s\">\n                  ${hasTotal ? this.__renderIdAndTotal() : ''}\n                  ${hasStatus ? this.__renderStatus() : ''}\n                </div>\n              `\n            : ''}\n          ${hiddenSelector.matches('description', true) ? '' : this.__renderSummary()}\n          ${hiddenSelector.matches('customer', true) ? '' : this.__renderCustomer()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    const transaction = await super._sendGet();\n    const storeLink = transaction._links['fx:store']?.href;\n\n    if (typeof storeLink === 'string') {\n      const store = await super._fetch<Resource<Rels.Store>>(storeLink);\n      this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    } else {\n      this.__currencyDisplay = 'symbol';\n    }\n\n    return transaction;\n  }\n\n  private __renderIdAndTotal() {\n    const data = this.data;\n    let content: TemplateResult;\n\n    if (data) {\n      const amount = `${data.total_order} ${data.currency_code}`;\n      const currencyDisplay = this.__currencyDisplay;\n      const options = { amount, currencyDisplay };\n\n      content = html`\n        <span class=\"truncate\">ID ${data.display_id || getResourceId(data._links.self.href)}</span>\n        ${data.type !== 'updateinfo' && data.type !== 'subscription_cancellation'\n          ? html`\n              <span>&bull;</span>\n              <foxy-i18n .options=${options} infer=\"\" key=\"price\"></foxy-i18n>\n            `\n          : ''}\n      `;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div class=\"min-w-0\" data-testid=\"total\">\n        ${this.renderTemplateOrSlot('total:before')}\n        <div class=\"font-medium flex items-center gap-xs\">${content}</div>\n        ${this.renderTemplateOrSlot('total:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const specialIcons: Record<string, string> = {\n      authorized: 'icons:done',\n      capturing: 'icons:done',\n      captured: 'icons:done',\n      approved: 'icons:done',\n      pending: 'icons:done',\n\n      completed: 'icons:done-all',\n\n      pending_fraud_review: 'icons:info-outline',\n      declined: 'icons:highlight-off',\n      rejected: 'icons:highlight-off',\n      problem: 'icons:info-outline',\n\n      refunded: 'icons:restore',\n      voided: 'icons:remove-circle-outline',\n    };\n\n    const specialColors: Record<string, string> = {\n      authorized: 'text-success',\n      completed: 'text-success',\n      capturing: 'text-success',\n      captured: 'text-success',\n      approved: 'text-success',\n      pending: 'text-success',\n\n      pending_fraud_review: 'text-error',\n      declined: 'text-error',\n      rejected: 'text-error',\n      problem: 'text-error',\n    };\n\n    const status = this.data?.status || 'completed';\n    const source = this.data?.source?.substring(0, 3).toUpperCase();\n\n    return html`\n      <div class=\"flex-shrink-0\" data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <div class=\"text-tertiary text-s flex items-center space-x-xs\">\n          ${source\n            ? html`\n                <vcf-tooltip for=\"source\" theme=\"light\" position=\"top\">\n                  <foxy-i18n infer=\"\" key=\"source_${source}\"></foxy-i18n>\n                </vcf-tooltip>\n                <span class=\"cursor-default\" id=\"source\">${source}</span>\n              `\n            : ''}\n\n          <foxy-i18n\n            options=${JSON.stringify({ value: this.data?.transaction_date })}\n            lang=${this.lang}\n            key=\"time\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <iron-icon\n            data-testid=\"status-icon\"\n            class=\"icon-inline cursor-default text-l ${specialColors[status] ?? 'text-tertiary'}\"\n            id=\"status\"\n            icon=${specialIcons[status] ?? 'icons:schedule'}\n          >\n          </iron-icon>\n\n          <vcf-tooltip for=\"status\" theme=\"light\" position=\"top\">\n            <foxy-i18n infer=\"\" key=\"status_${status}\"></foxy-i18n>\n          </vcf-tooltip>\n        </div>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n\n  private __renderSummary() {\n    const items = this.data?._embedded?.['fx:items'];\n    const type = this.data?.type;\n\n    let content: TemplateResult;\n    let key: string;\n\n    if (type === 'updateinfo') {\n      key = 'summary_payment_method_change';\n    } else if (type === 'subscription_modification') {\n      key = 'summary_subscription_modification';\n    } else if (type === 'subscription_cancellation') {\n      key = 'summary_subscription_cancellation';\n    } else {\n      key = 'summary';\n    }\n\n    if (items) {\n      const options = {\n        most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n        count_minus_one: items.length - 1,\n        count: items.length,\n      };\n\n      content = html`<foxy-i18n .options=${options} infer=\"\" key=${key}></foxy-i18n>`;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div data-testid=\"description\">\n        ${this.renderTemplateOrSlot('description:before')}\n        <div class=\"text-s text-secondary truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderCustomer() {\n    const data = this.data;\n    const content = data\n      ? html`${data.customer_first_name} ${data.customer_last_name} (${data.customer_email})`\n      : html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"customer\">\n        ${this.renderTemplateOrSlot('customer:before')}\n        <div class=\"text-tertiary truncate text-s\">${content}</div>\n        ${this.renderTemplateOrSlot('customer:after')}\n      </div>\n    `;\n  }\n}\n\nexport { TransactionCard };\n"]}

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

@@ -1,7 +1,5 @@
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
-import { TransactionCard } from './TransactionCard';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.Transaction, {
     zoom: ['items'];
 }> & {
@@ -14,13 +12,3 @@ export declare type Data = Resource<Rels.Transaction, {
     user_agent: string;
     source: string;
 };
-export declare type Templates = Partial<{
-    'total:before': Renderer<TransactionCard>;
-    'total:after': Renderer<TransactionCard>;
-    'status:before': Renderer<TransactionCard>;
-    'status:after': Renderer<TransactionCard>;
-    'description:before': Renderer<TransactionCard>;
-    'description:after': Renderer<TransactionCard>;
-    'customer:before': Renderer<TransactionCard>;
-    'customer:after': Renderer<TransactionCard>;
-}>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TransactionCard } from './TransactionCard';\n\nexport type Data = Resource<Rels.Transaction, { zoom: ['items'] }> & {\n  _links?: { 'fx:subscription'?: { href: string } };\n  display_id: string | number;\n  user_agent: string;\n  source: string;\n};\n\nexport type Templates = Partial<{\n  'total:before': Renderer<TransactionCard>;\n  'total:after': Renderer<TransactionCard>;\n  'status:before': Renderer<TransactionCard>;\n  'status:after': Renderer<TransactionCard>;\n  'description:before': Renderer<TransactionCard>;\n  'description:after': Renderer<TransactionCard>;\n  'customer:before': Renderer<TransactionCard>;\n  'customer:after': Renderer<TransactionCard>;\n}>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/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.Transaction, { zoom: ['items'] }> & {\n  _links?: { 'fx:subscription'?: { href: string } };\n  display_id: string | number;\n  user_agent: string;\n  source: string;\n};\n"]}

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

@@ -1,7 +1,5 @@
 import * as FoxySDK from '@foxy.io/sdk';
-import { Templates as TableTemplates } from '../Table/types';
 export declare type Rel = FoxySDK.Backend.Rels.Transactions;
 export declare type Data = FoxySDK.Core.Resource<Rel, {
     zoom: 'items';
 }>;
-export declare type Templates = TableTemplates<Data>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionsTable/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as FoxySDK from '@foxy.io/sdk';\n\nimport { Templates as TableTemplates } from '../Table/types';\n\nexport type Rel = FoxySDK.Backend.Rels.Transactions;\nexport type Data = FoxySDK.Core.Resource<Rel, { zoom: 'items' }>;\nexport type Templates = TableTemplates<Data>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionsTable/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as FoxySDK from '@foxy.io/sdk';\n\nexport type Rel = FoxySDK.Backend.Rels.Transactions;\nexport type Data = FoxySDK.Core.Resource<Rel, { zoom: 'items' }>;\n"]}

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

@@ -10,12 +10,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
  * Form element for updating customer's default payment method (`fx:default_payment_method`)
  * using the Payment Card Embed. Works only with existing payment methods.
  *
- * @slot template-set:before
- * @slot template-set:after
- *
- * @slot cc-token:before
- * @slot cc-token:after
- *
  * @element foxy-update-payment-method-form
  * @since 1.27.0
  */

package/dist/elements/public/UpdatePaymentMethodForm/UpdatePaymentMethodForm.js

@@ -9,12 +9,6 @@ const Base = TranslatableMixin(InternalForm, NS);
  * Form element for updating customer's default payment method (`fx:default_payment_method`)
  * using the Payment Card Embed. Works only with existing payment methods.
  *
- * @slot template-set:before
- * @slot template-set:after
- *
- * @slot cc-token:before
- * @slot cc-token:after
- *
  * @element foxy-update-payment-method-form
  * @since 1.27.0
  */
@@ -37,7 +31,7 @@ export class UpdatePaymentMethodForm extends Base {
     get hiddenSelector() {
         var _a;
         const formEmbedUrlParams = (_a = this.__formEmbedUrl) === null || _a === void 0 ? void 0 : _a.searchParams;
-        const alwaysMatch = [super.hiddenSelector.toString()];
+        const alwaysMatch = ['header:copy-id', 'header:copy-json', super.hiddenSelector.toString()];
         const isDemo = formEmbedUrlParams === null || formEmbedUrlParams === void 0 ? void 0 : formEmbedUrlParams.has('demo');
         if (this.__isPreConfigured || isDemo)
             alwaysMatch.unshift('template-set');
@@ -58,6 +52,8 @@ export class UpdatePaymentMethodForm extends Base {
         const formEmbedUrl = this.__formEmbedUrl;
         const storeLoader = this.renderRoot.querySelector('#store-loader');
         return html `
+      ${this.renderHeader()}
+
       <foxy-internal-resource-picker-control
         first=${ifDefined((_a = storeLoader === null || storeLoader === void 0 ? void 0 : storeLoader.data) === null || _a === void 0 ? void 0 : _a._links['fx:template_sets'].href)}
         infer="template-set"
@@ -91,7 +87,9 @@ export class UpdatePaymentMethodForm extends Base {
     async _fetch(...args) {
         try {
             const response = await super._fetch(...args);
-            this.status = { key: 'cc_token_success' };
+            const method = new UpdatePaymentMethodForm.API.WHATWGRequest(...args).method;
+            if (method === 'PATCH')
+                this.status = { key: 'cc_token_success' };
             return response;
         }
         catch (err) {

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

@@ -1 +1 @@
-{"version":3,"file":"UpdatePaymentMethodForm.js","sourceRoot":"","sources":["../../../../src/elements/public/UpdatePaymentMethodForm/UpdatePaymentMethodForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Data } from './types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'update-payment-method-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for updating customer's default payment method (`fx:default_payment_method`)\n * using the Payment Card Embed. Works only with existing payment methods.\n *\n * @slot template-set:before\n * @slot template-set:after\n *\n * @slot cc-token:before\n * @slot cc-token:after\n *\n * @element foxy-update-payment-method-form\n * @since 1.27.0\n */\nexport class UpdatePaymentMethodForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __templateSetOverride: { attribute: false },\n      embedUrl: { attribute: 'embed-url' },\n    };\n  }\n\n  /** Configuration URL for the Payment Card Embed. Required for the form to work. */\n  embedUrl: string | null = null;\n\n  private readonly __templateSetGetValue = () => this.__templateSetOverride;\n\n  private readonly __templateSetSetValue = (value: string) => (this.__templateSetOverride = value);\n\n  private __templateSetOverride: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const formEmbedUrlParams = this.__formEmbedUrl?.searchParams;\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    const isDemo = formEmbedUrlParams?.has('demo');\n\n    if (this.__isPreConfigured || isDemo) alwaysMatch.unshift('template-set');\n    if (!formEmbedUrlParams?.has('template_set_id') && !isDemo) {\n      alwaysMatch.unshift('cc-token');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    if (!this.href) {\n      return html`\n        <div class=\"flex items-center justify-center p-xl\">\n          <foxy-spinner layout=\"vertical\" infer=\"spinner\" state=\"empty\"></foxy-spinner>\n        </div>\n      `;\n    }\n\n    type StoreLoader = NucleonElement<Resource<Rels.Store>>;\n    const formEmbedUrl = this.__formEmbedUrl;\n    const storeLoader = this.renderRoot.querySelector<StoreLoader>('#store-loader');\n\n    return html`\n      <foxy-internal-resource-picker-control\n        first=${ifDefined(storeLoader?.data?._links['fx:template_sets'].href)}\n        infer=\"template-set\"\n        item=\"foxy-template-set-card\"\n        .getValue=${this.__templateSetGetValue}\n        .setValue=${this.__templateSetSetValue}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-update-payment-method-form-cc-token-control\n        embed-url=${ifDefined(formEmbedUrl?.toString())}\n        infer=\"cc-token\"\n      >\n      </foxy-internal-update-payment-method-form-cc-token-control>\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.__storeLoaderHref)}\n        id=\"store-loader\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  updated(changes: Map<keyof UpdatePaymentMethodForm, unknown>): void {\n    super.updated(changes);\n    if (changes.has('embedUrl') || changes.has('href')) this.__templateSetOverride = null;\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    try {\n      const response = await super._fetch<TResult>(...args);\n      this.status = { key: 'cc_token_success' };\n      return response;\n    } catch (err) {\n      let message;\n\n      try {\n        message = (await (err as Response).json())._embedded['fx:errors'][0].message;\n      } catch {\n        throw err;\n      }\n\n      if (message.includes('cc_token you provided is invalid')) {\n        throw ['error:cc_token_invalid'];\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private get __storeLoaderHref() {\n    const data = this.data;\n    return data && 'fx:store' in data._links ? data._links['fx:store'].href : void 0;\n  }\n\n  private get __isPreConfigured() {\n    try {\n      return new URL(this.embedUrl ?? '').searchParams.has('template_set_id');\n    } catch {\n      return false;\n    }\n  }\n\n  private get __formEmbedUrl() {\n    try {\n      const url = new URL(this.embedUrl ?? '');\n\n      if (this.__templateSetOverride) {\n        const id = getResourceId(this.__templateSetOverride);\n        if (id !== null) url.searchParams.set('template_set_id', String(id));\n      }\n\n      return url;\n    } catch {\n      //\n    }\n  }\n}\n"]}
+{"version":3,"file":"UpdatePaymentMethodForm.js","sourceRoot":"","sources":["../../../../src/elements/public/UpdatePaymentMethodForm/UpdatePaymentMethodForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Data } from './types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'update-payment-method-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for updating customer's default payment method (`fx:default_payment_method`)\n * using the Payment Card Embed. Works only with existing payment methods.\n *\n * @element foxy-update-payment-method-form\n * @since 1.27.0\n */\nexport class UpdatePaymentMethodForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __templateSetOverride: { attribute: false },\n      embedUrl: { attribute: 'embed-url' },\n    };\n  }\n\n  /** Configuration URL for the Payment Card Embed. Required for the form to work. */\n  embedUrl: string | null = null;\n\n  private readonly __templateSetGetValue = () => this.__templateSetOverride;\n\n  private readonly __templateSetSetValue = (value: string) => (this.__templateSetOverride = value);\n\n  private __templateSetOverride: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const formEmbedUrlParams = this.__formEmbedUrl?.searchParams;\n    const alwaysMatch = ['header:copy-id', 'header:copy-json', super.hiddenSelector.toString()];\n    const isDemo = formEmbedUrlParams?.has('demo');\n\n    if (this.__isPreConfigured || isDemo) alwaysMatch.unshift('template-set');\n    if (!formEmbedUrlParams?.has('template_set_id') && !isDemo) {\n      alwaysMatch.unshift('cc-token');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    if (!this.href) {\n      return html`\n        <div class=\"flex items-center justify-center p-xl\">\n          <foxy-spinner layout=\"vertical\" infer=\"spinner\" state=\"empty\"></foxy-spinner>\n        </div>\n      `;\n    }\n\n    type StoreLoader = NucleonElement<Resource<Rels.Store>>;\n    const formEmbedUrl = this.__formEmbedUrl;\n    const storeLoader = this.renderRoot.querySelector<StoreLoader>('#store-loader');\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-resource-picker-control\n        first=${ifDefined(storeLoader?.data?._links['fx:template_sets'].href)}\n        infer=\"template-set\"\n        item=\"foxy-template-set-card\"\n        .getValue=${this.__templateSetGetValue}\n        .setValue=${this.__templateSetSetValue}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-update-payment-method-form-cc-token-control\n        embed-url=${ifDefined(formEmbedUrl?.toString())}\n        infer=\"cc-token\"\n      >\n      </foxy-internal-update-payment-method-form-cc-token-control>\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.__storeLoaderHref)}\n        id=\"store-loader\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  updated(changes: Map<keyof UpdatePaymentMethodForm, unknown>): void {\n    super.updated(changes);\n    if (changes.has('embedUrl') || changes.has('href')) this.__templateSetOverride = null;\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    try {\n      const response = await super._fetch<TResult>(...args);\n      const method = new UpdatePaymentMethodForm.API.WHATWGRequest(...args).method;\n      if (method === 'PATCH') this.status = { key: 'cc_token_success' };\n      return response;\n    } catch (err) {\n      let message;\n\n      try {\n        message = (await (err as Response).json())._embedded['fx:errors'][0].message;\n      } catch {\n        throw err;\n      }\n\n      if (message.includes('cc_token you provided is invalid')) {\n        throw ['error:cc_token_invalid'];\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private get __storeLoaderHref() {\n    const data = this.data;\n    return data && 'fx:store' in data._links ? data._links['fx:store'].href : void 0;\n  }\n\n  private get __isPreConfigured() {\n    try {\n      return new URL(this.embedUrl ?? '').searchParams.has('template_set_id');\n    } catch {\n      return false;\n    }\n  }\n\n  private get __formEmbedUrl() {\n    try {\n      const url = new URL(this.embedUrl ?? '');\n\n      if (this.__templateSetOverride) {\n        const id = getResourceId(this.__templateSetOverride);\n        if (id !== null) url.searchParams.set('template_set_id', String(id));\n      }\n\n      return url;\n    } catch {\n      //\n    }\n  }\n}\n"]}

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

@@ -1,13 +1,5 @@
-import type { UpdatePaymentMethodForm } from './UpdatePaymentMethodForm';
 import type { Rels as CustomerRels } from '@foxy.io/sdk/customer';
 import type { Rels as BackendRels } from '@foxy.io/sdk/backend';
-import type { Renderer } from '../../../mixins/configurable';
 import type { Resource } from '@foxy.io/sdk/core';
 export declare type Rel = BackendRels.DefaultPaymentMethod | CustomerRels.DefaultPaymentMethod;
 export declare type Data = Resource<Rel>;
-export declare type Templates = {
-    'template-set:before'?: Renderer<UpdatePaymentMethodForm>;
-    'template-set:after'?: Renderer<UpdatePaymentMethodForm>;
-    'cc-token:before'?: Renderer<UpdatePaymentMethodForm>;
-    'cc-token:after'?: Renderer<UpdatePaymentMethodForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/UpdatePaymentMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { UpdatePaymentMethodForm } from './UpdatePaymentMethodForm';\nimport type { Rels as CustomerRels } from '@foxy.io/sdk/customer';\nimport type { Rels as BackendRels } from '@foxy.io/sdk/backend';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Rel = BackendRels.DefaultPaymentMethod | CustomerRels.DefaultPaymentMethod;\nexport type Data = Resource<Rel>;\nexport type Templates = {\n  'template-set:before'?: Renderer<UpdatePaymentMethodForm>;\n  'template-set:after'?: Renderer<UpdatePaymentMethodForm>;\n  'cc-token:before'?: Renderer<UpdatePaymentMethodForm>;\n  'cc-token:after'?: Renderer<UpdatePaymentMethodForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/UpdatePaymentMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels as CustomerRels } from '@foxy.io/sdk/customer';\nimport type { Rels as BackendRels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Rel = BackendRels.DefaultPaymentMethod | CustomerRels.DefaultPaymentMethod;\nexport type Data = Resource<Rel>;\n"]}

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

@@ -7,12 +7,6 @@ declare const Base: typeof TwoLineCard & import("lit-element").Constructor<impor
 /**
  * Card element representing a `fx:user` resource.
  *
- * @slot title:before
- * @slot title:after
- *
- * @slot subtitle:before
- * @slot subtitle:after
- *
  * @element foxy-user-card
  * @since 1.22.0
  */

package/dist/elements/public/UserCard/UserCard.js

@@ -6,12 +6,6 @@ const Base = TranslatableMixin(TwoLineCard, NS);
 /**
  * Card element representing a `fx:user` resource.
  *
- * @slot title:before
- * @slot title:after
- *
- * @slot subtitle:before
- * @slot subtitle:after
- *
  * @element foxy-user-card
  * @since 1.22.0
  */