@foxy.io/elements 1.25.0-beta.3 → 1.25.0-beta.5

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

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/SubscriptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseFrequency } from '../../../utils/parse-frequency';\n\nconst NS = 'subscription-card';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Card element displaying subscription summary.\n *\n * @element foxy-subscription-card\n * @since 1.4.0\n */\nexport class SubscriptionCard extends Base<Data> {\n  render(): TemplateResult {\n    const isActive = !!this.data?.is_active;\n    const isFailed = !!this.data?.first_failed_transaction_date;\n\n    return html`\n      <div class=\"relative text-left\">\n        <div\n          class=${classMap({\n            'flex items-start sm-items-center space-x-m transition duration-150 ease-in-out': true,\n            'opacity-0': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <div\n            class=${classMap({\n              'min-w-0 flex-shrink-0 rounded-full relative flex p-s': true,\n              'text-success bg-success-10': isActive && !isFailed,\n              'text-body bg-contrast-5': !isActive && !isFailed,\n              'text-error bg-error-10': isFailed,\n            })}\n          >\n            <iron-icon\n              class=\"m-auto\"\n              icon=${isFailed ? 'error-outline' : isActive ? 'done' : 'done-all'}\n            >\n            </iron-icon>\n          </div>\n\n          <div class=\"flex-1 min-w-0 leading-xs flex flex-col sm-flex-row sm-items-center\">\n            <div class=\"order-1 sm-order-0\">\n              <div class=\"text-body font-medium origin-top-left text-m\">\n                <foxy-i18n\n                  data-testid=\"summary\"\n                  options=${JSON.stringify(this.__getSummaryOptions())}\n                  lang=${this.lang}\n                  key=\"transaction_summary\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n\n              <div\n                class=${classMap({\n                  'text-m': true,\n                  'text-tertiary': !isActive && !isFailed,\n                  'text-success': isActive && !isFailed,\n                  'text-error': isFailed,\n                })}\n              >\n                <foxy-i18n\n                  data-testid=\"status\"\n                  options=${JSON.stringify(this.__getStatusOptions())}\n                  lang=${this.lang}\n                  key=${this.__getStatusKey()}\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n            </div>\n\n            <div\n              class=\"flex-1 font-medium leading-xs mb-xs sm-mb-0 sm-text-right text-xxs sm-text-l tracking-wide sm-tracking-normal uppercase sm-normal-case order-0 sm-order-1 font-tnum text-secondary sm-text-body\"\n            >\n              <foxy-i18n\n                data-testid=\"price\"\n                options=${JSON.stringify(this.__getPriceOptions())}\n                lang=${this.lang}\n                key=\"price_${this.data?.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n              &#8203;\n            </div>\n          </div>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition ease-in-out duration-150': true,\n            'opacity-0': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-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      ${this.renderTemplateOrSlot()}\n    `;\n  }\n\n  private __getSummaryOptions() {\n    if (this.data === null) return {};\n    const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];\n\n    return {\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\n  private __getStatusOptions() {\n    const data = this.data;\n\n    if (data === null) return {};\n    if (data.first_failed_transaction_date) return { date: data.first_failed_transaction_date };\n    if (data.end_date) return { date: data.end_date };\n    if (data.is_active === false) return {};\n    if (new Date(data.start_date) > new Date()) return { date: data.start_date };\n\n    return { date: data.next_transaction_date };\n  }\n\n  private __getPriceOptions() {\n    if (this.data === null) return {};\n\n    const transaction = this.data._embedded['fx:last_transaction'];\n    const amount = `${transaction.total_order} ${transaction.currency_code}`;\n    return { ...parseFrequency(this.data.frequency), amount };\n  }\n\n  private __getStatusKey() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return 'subscription_failed';\n    if (data.end_date) {\n      const hasEnded = new Date(data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    if (data.is_active === false) return 'subscription_inactive';\n    if (new Date(data.start_date) > new Date()) return 'subscription_will_be_active';\n\n    return 'subscription_active';\n  }\n}\n"]}
+{"version":3,"file":"SubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/SubscriptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseFrequency } from '../../../utils/parse-frequency';\n\nconst NS = 'subscription-card';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Card element displaying subscription summary.\n *\n * @element foxy-subscription-card\n * @since 1.4.0\n */\nexport class SubscriptionCard extends Base<Data> {\n  render(): TemplateResult {\n    const isActive = !!this.data?.is_active;\n    const isFailed = !!this.data?.first_failed_transaction_date;\n\n    return html`\n      <div class=\"relative text-left\">\n        <div\n          class=${classMap({\n            'flex items-start sm-items-center space-x-m transition duration-150 ease-in-out': true,\n            'opacity-0': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <div\n            class=${classMap({\n              'min-w-0 flex-shrink-0 rounded-full relative flex p-s': true,\n              'text-success bg-success-10': isActive && !isFailed,\n              'text-body bg-contrast-5': !isActive && !isFailed,\n              'text-error bg-error-10': isFailed,\n            })}\n          >\n            <iron-icon\n              class=\"m-auto\"\n              icon=${isFailed ? 'error-outline' : isActive ? 'done' : 'done-all'}\n            >\n            </iron-icon>\n          </div>\n\n          <div class=\"flex-1 min-w-0 leading-xs flex flex-col sm-flex-row sm-items-center\">\n            <div class=\"order-1 sm-order-0\">\n              <div class=\"text-body font-medium origin-top-left text-m\">\n                <foxy-i18n\n                  data-testid=\"summary\"\n                  options=${JSON.stringify(this.__getSummaryOptions())}\n                  lang=${this.lang}\n                  key=\"transaction_summary\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n\n              <div\n                class=${classMap({\n                  'text-m': true,\n                  'text-tertiary': !isActive && !isFailed,\n                  'text-success': isActive && !isFailed,\n                  'text-error': isFailed,\n                })}\n              >\n                <foxy-i18n\n                  data-testid=\"status\"\n                  options=${JSON.stringify(this.__getStatusOptions())}\n                  lang=${this.lang}\n                  key=${this.__getStatusKey()}\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n            </div>\n\n            <div\n              class=\"flex-1 font-medium leading-xs mb-xs sm-mb-0 sm-text-right text-xxs sm-text-l tracking-wide sm-tracking-normal uppercase sm-normal-case order-0 sm-order-1 font-tnum text-secondary sm-text-body\"\n            >\n              <foxy-i18n\n                data-testid=\"price\"\n                options=${JSON.stringify(this.__getPriceOptions())}\n                lang=${this.lang}\n                key=\"price_${this.data?.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n              &#8203;\n            </div>\n          </div>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition ease-in-out duration-150': true,\n            'opacity-0': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-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      ${this.renderTemplateOrSlot()}\n    `;\n  }\n\n  private __getSummaryOptions() {\n    if (this.data === null) return {};\n    const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];\n\n    return {\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\n  private __getStatusOptions() {\n    const data = this.data;\n\n    if (data === null) return {};\n    if (data.first_failed_transaction_date) return { date: data.first_failed_transaction_date };\n    if (data.end_date) return { date: data.end_date };\n    if (data.is_active === false) return {};\n    if (new Date(data.start_date) > new Date()) return { date: data.start_date };\n\n    return { date: data.next_transaction_date };\n  }\n\n  private __getPriceOptions() {\n    if (this.data === null) return {};\n\n    const cart = this.data._embedded['fx:transaction_template'];\n    const amount = `${cart.total_order} ${cart.currency_code}`;\n    return { ...parseFrequency(this.data.frequency), amount };\n  }\n\n  private __getStatusKey() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return 'subscription_failed';\n    if (data.end_date) {\n      const hasEnded = new Date(data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    if (data.is_active === false) return 'subscription_inactive';\n    if (new Date(data.start_date) > new Date()) return 'subscription_will_be_active';\n\n    return 'subscription_active';\n  }\n}\n"]}

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

@@ -4,9 +4,9 @@ import { Resource } from '@foxy.io/sdk/core';
 import { SubscriptionCard } from './SubscriptionCard';
 export declare type Rel = Rels.Subscription;
 export declare type Data = Resource<Rel, {
-    zoom: ['last_transaction', {
+    zoom: {
         transaction_template: 'items';
-    }];
+    };
 }>;
 export declare type Templates = {
     default?: Renderer<SubscriptionCard>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/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 { SubscriptionCard } from './SubscriptionCard';\n\nexport type Rel = Rels.Subscription;\nexport type Data = Resource<Rel, { zoom: ['last_transaction', { transaction_template: 'items' }] }>;\nexport type Templates = { default?: Renderer<SubscriptionCard> };\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/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 { SubscriptionCard } from './SubscriptionCard';\n\nexport type Rel = Rels.Subscription;\nexport type Data = Resource<Rel, { zoom: { transaction_template: 'items' } }>;\nexport type Templates = { default?: Renderer<SubscriptionCard> };\n"]}

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

@@ -2,7 +2,7 @@ import type { PropertyDeclarations, TemplateResult } from 'lit-element';
 import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
-declare const Transaction_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
 /**
@@ -11,7 +11,7 @@ declare const Transaction_base: typeof InternalForm & import("lit-element").Cons
  * @element foxy-transaction
  * @since 1.17.0
  */
-export declare class Transaction extends Transaction_base<Data> {
+export declare class Transaction extends Base<Data> {
     static get properties(): PropertyDeclarations;
     /** URL of the `fx:hosted_payment_gateways` property helper resource. */
     hostedPaymentGatewaysHelper: string | null;
@@ -19,7 +19,6 @@ export declare class Transaction extends Transaction_base<Data> {
     paymentGatewaysHelper: string | null;
     getSubscriptionPageHref: ((href: string) => string) | null;
     getCustomerPageHref: ((href: string) => string) | null;
-    private readonly __renderHeader;
     get readonlySelector(): BooleanSelector;
     get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;

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

@@ -4,14 +4,15 @@ import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-element';
-import uainfer from 'uainfer/src/uainfer.js';
+const NS = 'transaction';
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
 /**
  * Transaction summary page (`fx:transaction`).
  *
  * @element foxy-transaction
  * @since 1.17.0
  */
-export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm, 'transaction')) {
+export class Transaction extends Base {
     constructor() {
         super(...arguments);
         /** URL of the `fx:hosted_payment_gateways` property helper resource. */
@@ -20,122 +21,6 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
         this.paymentGatewaysHelper = null;
         this.getSubscriptionPageHref = null;
         this.getCustomerPageHref = null;
-        this.__renderHeader = () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            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 subtitleKey = 'subtitle';
-            if (type === 'updateinfo') {
-                if (source === '' || (source === null || source === void 0 ? void 0 : source.startsWith('cit_'))) {
-                    subtitleKey = 'subtitle_customer_changed_payment_method';
-                }
-                else if (source === 'mit_uoe') {
-                    subtitleKey = 'subtitle_admin_changed_payment_method_with_uoe';
-                }
-                else if (source === 'mit_api') {
-                    subtitleKey = 'subtitle_integration_changed_payment_method';
-                }
-                else {
-                    subtitleKey = 'subtitle_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';
-                }
-                else if (source === 'mit_uoe') {
-                    subtitleKey = 'subtitle_admin_changed_subscription_with_uoe';
-                }
-                else if (source === 'mit_api') {
-                    subtitleKey = 'subtitle_integration_changed_subscription';
-                }
-                else {
-                    subtitleKey = 'subtitle_admin_changed_subscription';
-                }
-            }
-            else if (type === 'subscription_renewal') {
-                if (source === 'mit_recurring') {
-                    subtitleKey = 'subtitle_subscription_renewal_attempt';
-                }
-                else if (source === 'mit_recurring_reattempt_automated') {
-                    subtitleKey = 'subtitle_subscription_renewal_automated_reattempt';
-                }
-                else if (source === 'mit_recurring_reattempt_manual') {
-                    subtitleKey = 'subtitle_subscription_renewal_manual_reattempt';
-                }
-            }
-            else if (type === 'subscription_cancellation') {
-                if (source === 'cit_recurring_cancellation') {
-                    subtitleKey = 'subtitle_customer_canceled_subscription';
-                }
-                else if (source === 'mit_recurring_cancellation') {
-                    subtitleKey = 'subtitle_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';
-                    }
-                    else if (source === 'mit_uoe') {
-                        subtitleKey = 'subtitle_admin_subscribed_with_uoe';
-                    }
-                    else if (source === 'mit_api') {
-                        subtitleKey = 'subtitle_integration_subscribed';
-                    }
-                }
-                else {
-                    if (source === null || source === void 0 ? void 0 : source.startsWith('cit_')) {
-                        subtitleKey = 'subtitle_customer_placed_order';
-                    }
-                    else if (source === 'mit_uoe') {
-                        subtitleKey = 'subtitle_admin_placed_order_with_uoe';
-                    }
-                    else if (source === 'mit_api') {
-                        subtitleKey = 'subtitle_integration_placed_order';
-                    }
-                }
-            }
-            return html `
-      <h1>
-        <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,
-                user_agent: uainfer.analyze((_g = (_f = this.data) === null || _f === void 0 ? void 0 : _f.user_agent) !== null && _g !== void 0 ? _g : '').toString(),
-                ip_country: (_h = this.data) === null || _h === void 0 ? void 0 : _h.ip_country,
-            }}
-        >
-        </foxy-i18n>
-
-        <foxy-internal-transaction-actions-control class="mt-xs" infer="actions">
-        </foxy-internal-transaction-actions-control>
-      </h1>
-
-      ${['problem', 'pending_fraud_review', 'rejected', 'declined'].includes((_k = (_j = this.data) === null || _j === void 0 ? void 0 : _j.status) !== null && _k !== void 0 ? _k : '')
-                ? 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_${(_l = this.data) === null || _l === void 0 ? void 0 : _l.status}"></foxy-i18n>
-            </p>
-          `
-                : ''}
-    `;
-        };
     }
     static get properties() {
         return {
@@ -170,9 +55,85 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
         return new BooleanSelector(`${super.hiddenSelector} ${hidden.join(' ')}`.trim());
     }
     renderBody() {
-        var _a, _b, _c, _d;
+        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;
+        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;
+        if (type === 'updateinfo') {
+            if (!source || (source === null || source === void 0 ? void 0 : source.startsWith('cit_'))) {
+                subtitleKey = 'subtitle_customer_changed_payment_method';
+            }
+            else if (source === 'mit_uoe') {
+                subtitleKey = 'subtitle_admin_changed_payment_method_with_uoe';
+            }
+            else if (source === 'mit_api') {
+                subtitleKey = 'subtitle_integration_changed_payment_method';
+            }
+            else {
+                subtitleKey = 'subtitle_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';
+            }
+            else if (source === 'mit_uoe') {
+                subtitleKey = 'subtitle_admin_changed_subscription_with_uoe';
+            }
+            else if (source === 'mit_api') {
+                subtitleKey = 'subtitle_integration_changed_subscription';
+            }
+            else {
+                subtitleKey = 'subtitle_admin_changed_subscription';
+            }
+        }
+        else if (type === 'subscription_renewal') {
+            if (source === 'mit_recurring') {
+                subtitleKey = 'subtitle_subscription_renewal_attempt';
+            }
+            else if (source === 'mit_recurring_reattempt_automated') {
+                subtitleKey = 'subtitle_subscription_renewal_automated_reattempt';
+            }
+            else if (source === 'mit_recurring_reattempt_manual') {
+                subtitleKey = 'subtitle_subscription_renewal_manual_reattempt';
+            }
+        }
+        else if (type === 'subscription_cancellation') {
+            if (source === 'cit_recurring_cancellation') {
+                subtitleKey = 'subtitle_customer_canceled_subscription';
+            }
+            else if (source === 'mit_recurring_cancellation') {
+                subtitleKey = 'subtitle_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';
+                }
+                else if (source === 'mit_uoe') {
+                    subtitleKey = 'subtitle_admin_subscribed_with_uoe';
+                }
+                else if (source === 'mit_api') {
+                    subtitleKey = 'subtitle_integration_subscribed';
+                }
+            }
+            else {
+                if (source === null || source === void 0 ? void 0 : source.startsWith('cit_')) {
+                    subtitleKey = 'subtitle_customer_placed_order';
+                }
+                else if (source === 'mit_uoe') {
+                    subtitleKey = 'subtitle_admin_placed_order_with_uoe';
+                }
+                else if (source === 'mit_api') {
+                    subtitleKey = 'subtitle_integration_placed_order';
+                }
+            }
+        }
         if (this.data) {
             try {
                 const shipmentsUrl = new URL(this.data._links['fx:shipments'].href);
@@ -182,17 +143,55 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
                 shipmentsLink = shipmentsUrl.toString();
                 itemsLink = itemsUrl.toString();
             }
-            catch (_e) {
+            catch (_p) {
                 //
             }
         }
         return html `
-      ${this.__renderHeader()}
+      <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 : '')
+            ? 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>
+            </p>
+          `
+            : ''}
 
       <foxy-internal-transaction-customer-control infer="customer">
       </foxy-internal-transaction-customer-control>
 
-      <div class="grid gap-s">
+      <div
+        class="grid gap-s"
+        ?hidden=${hidden.matches('items', true) && hidden.matches('summary', true)}
+      >
         <foxy-internal-async-list-control
           infer="items"
           class="min-w-0"
@@ -211,7 +210,7 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
 
       <foxy-internal-async-list-control
         infer="billing-addresses"
-        first=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:billing_addresses'].href)}
+        first=${ifDefined((_k = this.data) === null || _k === void 0 ? void 0 : _k._links['fx:billing_addresses'].href)}
         item="foxy-billing-address-card"
         form="foxy-address-form"
         hide-create-button
@@ -222,7 +221,7 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
 
       <foxy-internal-async-list-control
         infer="payments"
-        first=${ifDefined((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:payments'].href)}
+        first=${ifDefined((_l = this.data) === null || _l === void 0 ? void 0 : _l._links['fx:payments'].href)}
         item="foxy-payment-card"
         .itemProps=${{
             'hosted-payment-gateways-helper': this.hostedPaymentGatewaysHelper,
@@ -231,11 +230,14 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
       >
       </foxy-internal-async-list-control>
 
-      <div class="grid gap-m sm-grid-cols-2">
+      <div
+        class="grid gap-m sm-grid-cols-2"
+        ?hidden=${hidden.matches('custom-fields', true) && hidden.matches('attributes', true)}
+      >
         <foxy-internal-async-list-control
           infer="custom-fields"
           class="min-w-0"
-          first=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:custom_fields'].href)}
+          first=${ifDefined((_m = this.data) === null || _m === void 0 ? void 0 : _m._links['fx:custom_fields'].href)}
           limit="5"
           form="foxy-custom-field-form"
           item="foxy-custom-field-card"
@@ -246,7 +248,7 @@ export class Transaction extends ResponsiveMixin(TranslatableMixin(InternalForm,
         <foxy-internal-async-list-control
           infer="attributes"
           class="min-w-0"
-          first=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:attributes'].href)}
+          first=${ifDefined((_o = this.data) === null || _o === void 0 ? void 0 : _o._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\nimport uainfer from 'uainfer/src/uainfer.js';\n\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\n */\nexport class Transaction extends ResponsiveMixin(\n  TranslatableMixin(InternalForm, 'transaction')\n)<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  private readonly __renderHeader = () => {\n    const source = this.data?.source;\n    const type = this.data?.type;\n\n    let subtitleKey = 'subtitle';\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    return html`\n      <h1>\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            user_agent: uainfer.analyze(this.data?.user_agent ?? '').toString(),\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      </h1>\n\n      ${['problem', 'pending_fraud_review', 'rejected', 'declined'].includes(\n        this.data?.status ?? ''\n      )\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  };\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 itemsLink: string | undefined = undefined;\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\n      <foxy-internal-transaction-customer-control infer=\"customer\">\n      </foxy-internal-transaction-customer-control>\n\n      <div class=\"grid gap-s\">\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 class=\"grid gap-m sm-grid-cols-2\">\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  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"]}

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

@@ -51,12 +51,14 @@ export class InternalTransactionSummaryControl extends InternalControl {
                 <span>${this.__renderPrice(tax.amount, true)}</span>
               `;
             })}
-        ${(_g = (_f = data === null || data === void 0 ? void 0 : data._embedded) === null || _f === void 0 ? void 0 : _f['fx:applied_gift_card_codes']) === null || _g === void 0 ? void 0 : _g.map(code => {
+        ${
+        // @ts-expect-error SDK doesn't support name mismatch between `fx:applied_gift_card_codes` and `fx:gift_card_logs`
+        (_g = (_f = data === null || data === void 0 ? void 0 : data._embedded) === null || _f === void 0 ? void 0 : _f['fx:applied_gift_card_codes']) === null || _g === void 0 ? void 0 : _g.map(code => {
             var _a;
             return html `
-            <span>${code._embedded['fx:gift_card'].name}&colon;</span>
-            <span>${this.__renderPrice((_a = code.balance_adjustment) !== null && _a !== void 0 ? _a : 0, true)}</span>
-          `;
+              <span>${code._embedded['fx:gift_card'].name}&colon;</span>
+              <span>${this.__renderPrice((_a = code.balance_adjustment) !== null && _a !== void 0 ? _a : 0, true)}</span>
+            `;
         })}
         ${(_j = (_h = data === null || data === void 0 ? void 0 : data._embedded) === null || _h === void 0 ? void 0 : _h['fx:discounts']) === null || _j === void 0 ? void 0 : _j.map(discount => {
             return html `

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

@@ -1 +1 @@
-{"version":3,"file":"InternalTransactionSummaryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.ts"],"names":[],"mappings":"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","sourcesContent":["import 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 { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalTransactionSummaryControl extends InternalControl {\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderControl(): TemplateResult {\n    const data = this.nucleon?.data as Data | undefined;\n    if (!data) return html``;\n\n    const taxes = data?._embedded?.['fx:applied_taxes'] ?? [];\n    const shipments = data._embedded?.['fx:shipments'] ?? [];\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <p\n        class=\"grid gap-x-s text-right text-s leading-m border-dashed border rounded border-contrast-20 whitespace-nowrap overflow-auto\"\n        style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 2px); grid-template-columns: 1fr min-content\"\n      >\n        <span><foxy-i18n key=\"subtotal\" infer=\"\"></foxy-i18n>&colon;</span>\n        <span>${this.__renderPrice(data.total_item_price as unknown as number)}</span>\n\n        ${shipments.length === 0 || (data.total_shipping as unknown as number) === 0\n          ? html`\n              <span><foxy-i18n infer=\"\" key=\"total_shipping\"></foxy-i18n>&colon;</span>\n              <span>${this.__renderPrice(data.total_shipping as unknown as number, true)} </span>\n            `\n          : shipments.map(shipment => {\n              return html`\n                <span>${shipment.shipping_service_description}&colon;</span>\n                <span>${this.__renderPrice(shipment.total_shipping, true)}</span>\n              `;\n            })}\n        ${taxes.length === 0 || (data.total_tax as unknown as number) === 0\n          ? html`\n              <span><foxy-i18n infer=\"\" key=\"total_tax\"></foxy-i18n>&colon;</span>\n              <span>${this.__renderPrice(data.total_tax as unknown as number, true)}</span>\n            `\n          : taxes.map(tax => {\n              return html`\n                <span>${tax.name}&colon;</span>\n                <span>${this.__renderPrice(tax.amount, true)}</span>\n              `;\n            })}\n        ${data?._embedded?.['fx:applied_gift_card_codes']?.map(code => {\n          return html`\n            <span>${code._embedded['fx:gift_card'].name}&colon;</span>\n            <span>${this.__renderPrice(code.balance_adjustment ?? 0, true)}</span>\n          `;\n        })}\n        ${data?._embedded?.['fx:discounts']?.map(discount => {\n          return html`\n            <span data-testclass=\"discount\">${discount.name}&colon;</span>\n            <span>${this.__renderPrice(discount.amount, true)}</span>\n          `;\n        })}\n\n        <span class=\"col-span-2 border-t border-dashed border-contrast-20 my-s\"></span>\n\n        <span class=\"col-span-2 flex gap-s justify-between items-center\">\n          ${this.__renderStatus()}\n          <span class=\"text-xl font-medium leading-xs\">\n            <foxy-i18n infer=\"\" key=\"total\"></foxy-i18n>&colon;\n            ${this.__renderPrice(data.total_order)}\n          </span>\n        </span>\n      </p>\n    `;\n  }\n\n  private get __storeHref() {\n    return this.nucleon?.data?._links['fx:store']?.href as string | undefined;\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private __renderPrice(amount: number, isAdditive = false) {\n    const currencyDisplay = this.__store?.use_international_currency_symbol ? 'code' : 'symbol';\n    const currencyCode = this.nucleon?.data?.currency_code as string | undefined;\n\n    return html`\n      <foxy-i18n\n        class=${isAdditive && amount !== 0 ? (amount > 0 ? 'text-success' : 'text-error') : ''}\n        infer=\"\"\n        key=\"price\"\n        .options=${{\n          currencyDisplay,\n          signDisplay: isAdditive ? 'exceptZero' : 'auto',\n          amount: `${amount} ${currencyCode}`,\n        }}\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderStatus() {\n    const status = this.nucleon?.data?.status || 'completed';\n    let color = '';\n\n    if (['capturing', 'captured', 'approved', 'authorized', 'pending'].includes(status)) {\n      color = 'text-success bg-success-10';\n    } else if (!status || status === 'completed') {\n      color = 'text-success-contrast bg-success';\n    } else if (['problem', 'pending_fraud_review', 'rejected', 'declined'].includes(status)) {\n      color = 'text-error-contrast bg-error';\n    } else {\n      color = 'bg-contrast-5 text-body';\n    }\n\n    return html`\n      <foxy-i18n\n        infer=\"\"\n        class=\"${color} rounded-s py-xs px-s font-medium text-s leading-xs\"\n        key=\"status_${status}\"\n      ></foxy-i18n>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalTransactionSummaryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.ts"],"names":[],"mappings":"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","sourcesContent":["import 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 { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalTransactionSummaryControl extends InternalControl {\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderControl(): TemplateResult {\n    const data = this.nucleon?.data as Data | undefined;\n    if (!data) return html``;\n\n    const taxes = data?._embedded?.['fx:applied_taxes'] ?? [];\n    const shipments = data._embedded?.['fx:shipments'] ?? [];\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <p\n        class=\"grid gap-x-s text-right text-s leading-m border-dashed border rounded border-contrast-20 whitespace-nowrap overflow-auto\"\n        style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 2px); grid-template-columns: 1fr min-content\"\n      >\n        <span><foxy-i18n key=\"subtotal\" infer=\"\"></foxy-i18n>&colon;</span>\n        <span>${this.__renderPrice(data.total_item_price as unknown as number)}</span>\n\n        ${shipments.length === 0 || (data.total_shipping as unknown as number) === 0\n          ? html`\n              <span><foxy-i18n infer=\"\" key=\"total_shipping\"></foxy-i18n>&colon;</span>\n              <span>${this.__renderPrice(data.total_shipping as unknown as number, true)} </span>\n            `\n          : shipments.map(shipment => {\n              return html`\n                <span>${shipment.shipping_service_description}&colon;</span>\n                <span>${this.__renderPrice(shipment.total_shipping, true)}</span>\n              `;\n            })}\n        ${taxes.length === 0 || (data.total_tax as unknown as number) === 0\n          ? html`\n              <span><foxy-i18n infer=\"\" key=\"total_tax\"></foxy-i18n>&colon;</span>\n              <span>${this.__renderPrice(data.total_tax as unknown as number, true)}</span>\n            `\n          : taxes.map(tax => {\n              return html`\n                <span>${tax.name}&colon;</span>\n                <span>${this.__renderPrice(tax.amount, true)}</span>\n              `;\n            })}\n        ${\n          // @ts-expect-error SDK doesn't support name mismatch between `fx:applied_gift_card_codes` and `fx:gift_card_logs`\n          data?._embedded?.['fx:applied_gift_card_codes']?.map(code => {\n            return html`\n              <span>${code._embedded['fx:gift_card'].name}&colon;</span>\n              <span>${this.__renderPrice(code.balance_adjustment ?? 0, true)}</span>\n            `;\n          })\n        }\n        ${data?._embedded?.['fx:discounts']?.map(discount => {\n          return html`\n            <span data-testclass=\"discount\">${discount.name}&colon;</span>\n            <span>${this.__renderPrice(discount.amount, true)}</span>\n          `;\n        })}\n\n        <span class=\"col-span-2 border-t border-dashed border-contrast-20 my-s\"></span>\n\n        <span class=\"col-span-2 flex gap-s justify-between items-center\">\n          ${this.__renderStatus()}\n          <span class=\"text-xl font-medium leading-xs\">\n            <foxy-i18n infer=\"\" key=\"total\"></foxy-i18n>&colon;\n            ${this.__renderPrice(data.total_order)}\n          </span>\n        </span>\n      </p>\n    `;\n  }\n\n  private get __storeHref() {\n    return this.nucleon?.data?._links['fx:store']?.href as string | undefined;\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private __renderPrice(amount: number, isAdditive = false) {\n    const currencyDisplay = this.__store?.use_international_currency_symbol ? 'code' : 'symbol';\n    const currencyCode = this.nucleon?.data?.currency_code as string | undefined;\n\n    return html`\n      <foxy-i18n\n        class=${isAdditive && amount !== 0 ? (amount > 0 ? 'text-success' : 'text-error') : ''}\n        infer=\"\"\n        key=\"price\"\n        .options=${{\n          currencyDisplay,\n          signDisplay: isAdditive ? 'exceptZero' : 'auto',\n          amount: `${amount} ${currencyCode}`,\n        }}\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderStatus() {\n    const status = this.nucleon?.data?.status || 'completed';\n    let color = '';\n\n    if (['capturing', 'captured', 'approved', 'authorized', 'pending'].includes(status)) {\n      color = 'text-success bg-success-10';\n    } else if (!status || status === 'completed') {\n      color = 'text-success-contrast bg-success';\n    } else if (['problem', 'pending_fraud_review', 'rejected', 'declined'].includes(status)) {\n      color = 'text-error-contrast bg-error';\n    } else {\n      color = 'bg-contrast-5 text-body';\n    }\n\n    return html`\n      <foxy-i18n\n        infer=\"\"\n        class=\"${color} rounded-s py-xs px-s font-medium text-s leading-xs\"\n        key=\"status_${status}\"\n      ></foxy-i18n>\n    `;\n  }\n}\n"]}

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

@@ -1,20 +1,7 @@
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.Transaction, {
-    zoom: ['applied_taxes', 'shipments'];
-}> & {
-    _links?: {
-        'fx:subscription'?: {
-            href: string;
-        };
-    };
-    _embedded?: {
-        'fx:discounts'?: Resource<Rels.Discount>[];
-        'fx:applied_gift_card_codes': Resource<Rels.GiftCardCodeLogs['child'], {
-            zoom: 'gift_card';
-        }>[];
-    };
-    user_agent: string;
-    display_id: string | number;
-    source: string;
-};
+    zoom: [{
+        applied_gift_card_codes: ['gift_card'];
+    }, 'applied_taxes', 'shipments', 'discounts'];
+}>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/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: ['applied_taxes', 'shipments'] }> & {\n  _links?: {\n    'fx:subscription'?: { href: string };\n  };\n  _embedded?: {\n    'fx:discounts'?: Resource<Rels.Discount>[];\n    'fx:applied_gift_card_codes': Resource<Rels.GiftCardCodeLogs['child'], { zoom: 'gift_card' }>[];\n  };\n  user_agent: string;\n  display_id: string | number;\n  source: string;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/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<\n  Rels.Transaction,\n  { zoom: [{ applied_gift_card_codes: ['gift_card'] }, 'applied_taxes', 'shipments', 'discounts'] }\n>;\n"]}