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

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/types.d.ts

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

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\n// TODO: simplify once SDK types are fixed\n\nexport type Data = Omit<\n  Resource<Rels.Transaction, { zoom: ['applied_taxes', 'shipments'] }>,\n  'type'\n> & {\n  _embedded?: {\n    'fx:applied_gift_card_codes': Resource<Rels.GiftCardCodeLogs['child'], { zoom: 'gift_card' }>[];\n    'fx:discounts'?: Resource<Rels.Discount>[];\n  };\n  _links?: {\n    'fx:subscription'?: { href: string };\n  };\n  user_agent: string;\n  display_id: string | number;\n  source: string;\n  type: Rels.Transaction['props']['type'] | '';\n};\n"]}

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

@@ -1,11 +1,9 @@
-import { Data, Templates } from './types';
-import { TemplateResult } from 'lit-html';
-import { NucleonElement } from '../NucleonElement/NucleonElement';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import type { Data, Templates } 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> & {
     defaultNS: string;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
-    styles: import("lit-element").CSSResultArray;
-};
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
 /**
  * Basic card displaying a transaction.
  *
@@ -24,11 +22,11 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 declare class TransactionCard extends Base<Data> {
     templates: Templates;
     private __currencyDisplay;
-    render(): TemplateResult;
+    renderBody(): TemplateResult;
     protected _sendGet(): Promise<Data>;
-    private __renderTotal;
+    private __renderIdAndTotal;
     private __renderStatus;
-    private __renderDescription;
+    private __renderSummary;
     private __renderCustomer;
 }
 export { TransactionCard };